/* ========================================
   Barre de recherche — refonte visuelle
   Widget Elementor Pro "Search"
   ======================================== */

.elementor-widget-search {
    --e-search-placeholder-color: #9aa5b1;
    --e-search-input-color: #0f1f2c;
}

/* ----------------------------------------
   Wrapper form
---------------------------------------- */

.elementor-widget-search .e-search-form {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #ffffff;
    border: 1.5px solid #d8dde3;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(15, 31, 44, 0.07);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-widget-search .e-search-form:focus-within {
    border-color: #2fa4a7;
    box-shadow: 0 2px 8px rgba(15, 31, 44, 0.07), 0 0 0 3px rgba(47, 164, 167, 0.13);
}

/* ----------------------------------------
   Input
---------------------------------------- */

.elementor-widget-search .e-search-input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #0f1f2c !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-widget-search .e-search-input::placeholder {
    color: #9aa5b1 !important;
}

/* ----------------------------------------
   Bouton submit (icône seule)
---------------------------------------- */

.elementor-widget-search .e-search-submit {
    flex-shrink: 0 !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2fa4a7 !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.18s ease !important;
    box-shadow: none !important;
}

.elementor-widget-search .e-search-submit:hover {
    background: #239496 !important;
}

.elementor-widget-search .e-search-submit svg,
.elementor-widget-search .e-search-submit i {
    width: 17px !important;
    height: 17px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 17px !important;
}

/* ----------------------------------------
   Icône clear
---------------------------------------- */

.elementor-widget-search .e-search-input-wrapper > svg,
.elementor-widget-search .e-search-input-wrapper > i {
    color: #b0bac3 !important;
    fill: #b0bac3 !important;
    transition: color 0.15s ease, fill 0.15s ease;
    cursor: pointer;
}

.elementor-widget-search .e-search-input-wrapper > svg:hover,
.elementor-widget-search .e-search-input-wrapper > i:hover {
    color: #0f1f2c !important;
    fill: #0f1f2c !important;
}