/* Position the search bar flush below the header bottom edge */
.et_search_outer {
    top: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

.et_search_form_container {
    height: auto !important;
    padding: 12px 0;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Make Ivory Search form fill the full container width as a flex row */
.et_search_form_container form.is-search-form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
}

.et_search_form_container form.is-search-form label {
    flex: 1 !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.et_search_form_container .is-search-input {
    width: 100% !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* X button moved into form by JS — sits as a flex item after the submit button */
form.is-search-form span.et_close_search_field {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 8px !important;
    transform: none !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center;
    cursor: pointer;
}