/* =============================================================================
   SEARCH WIDGET — Desktop header search bar enhancements
   Targets: Gutenberg wp-block-search (no-button variant)
   ============================================================================= */

/* ── Form wrapper ──────────────────────────────────────────────────────────── */
form.wp-block-search {
    display: flex;
    align-items: center;
}

/* ── Inner wrapper (holds the input) ──────────────────────────────────────── */
.wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    border-radius: 50px !important;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(22, 49, 70, 0.15);
    border: 1.5px solid #d0dce8;
    background-color: #f4f7fa;
    transition: box-shadow 0.3s ease, border-color 0.25s ease;
    width: auto !important; /* override inline style */
    min-width: 220px;
}

.wp-block-search__inside-wrapper:focus-within {
    border-color: #163146;
    box-shadow: 0 4px 20px rgba(22, 49, 70, 0.28);
    background-color: #ffffff;
}

/* ── Desktop only: cap width ───────────────────────────────────────────────── */
@media (min-width: 1035px) {
    .wp-block-search__inside-wrapper {
        max-width: 300px;
    }
}

/* ── Search input ──────────────────────────────────────────────────────────── */
.wp-block-search__input {
    width: 100% !important;
    padding: 9px 18px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 0.92rem !important;
    color: #1a1a1a;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: color 0.2s ease;
}

.wp-block-search__input::placeholder {
    color: #8fa5b8;
    font-style: italic;
}

/* ── Search button (if enabled) ────────────────────────────────────────────── */
.wp-block-search__button {
    flex-shrink: 0;
    padding: 9px 16px !important;
    background-color: #163146 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    cursor: pointer;
    transition: background-color 0.25s ease, transform 0.15s ease;
}

.wp-block-search__button:hover {
    background-color: #1f4a6e !important;
    transform: scale(1.04);
}

.wp-block-search__button:active {
    transform: scale(0.97);
}

/* ── Mobile menu container background ─────────────────────────────────────── */
.gb-menu-container-46c2bb73.gb-menu-container--mobile {
    background-color: #feffff !important;
}

/* ── Mobile layout (≤ 1035px) ─────────────────────────────────────────────── */
@media (max-width: 1035px) {
    .wp-block-search {
        width: 66% !important;
        margin-inline: auto;
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .wp-block-search input[type="text"],
    .wp-block-search input[type="search"]:focus {
        color: #000000 !important;
        background-color: #ffffff !important;
        border-color: #163146 !important;
    }
    /* toggle Menu Color when is open mobile*/
    button:focus
    a.wp-block-button__link:not(.has-background):active, 
    a.wp-block-button__link:not(.has-background):focus, 
    a.wp-block-button__link:not(.has-background):hover {
    color: var(--global-color-3);
    background-color: var(--global-color-2);
    }
    :where(.gb-navigation[data-gb-mobile-menu-type=full-overlay]) .gb-menu-container--mobile .gb-menu-toggle--clone {

    right: 10px !important;
    top: 10px !important;
 
   }
}