/**
 * ticket : MOBAPP-30
 * Nom : Ivan asegning
 * Styles page FAQ — barre de recherche uniquement
 * (le design principal réutilise section_faq_home / section_faq_v2)
 */

:root {
    --ulif-faq-primary: #E09620;
    --ulif-faq-primary-dark: #E09620;
    --ulif-faq-primary-deep: #E09620;
    --ulif-faq-text-dark: #1a1a1a;
    --ulif-faq-text-muted: #555555;
    --ulif-faq-text-light: #ffffff;
    --ulif-faq-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ulif-faq-radius: 6px;
    --ulif-faq-border: #e8e8e8;
}

/* Conteneur page : au-dessus des étoiles / grille décorative */
.ulif_faq_page.section_faq_v2 .ulif_faq_page__inner {
    position: relative;
    z-index: 1;
}

/* Recherche — simple trait orange souligné, sans boîte */
.ulif_faq_page .ulif_faq_page__search {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 360px;
    max-width: 360px;
    margin: 0 auto 28px;
    padding: 4px 2px 6px;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none;
    border-bottom: 2px solid rgba(224, 150, 32, 0.45);
    border-radius: 0;
    box-shadow: none;
    cursor: text;
    transition: border-color 0.2s ease;
}

.ulif_faq_page .ulif_faq_page__search:hover,
.ulif_faq_page .ulif_faq_page__search:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom-color: rgba(224, 150, 32, 0.75);
    box-shadow: none;
}

.ulif_faq_page__search_icon {
    flex-shrink: 0;
    color: rgba(224, 150, 32, 0.55);
    font-size: 0.8rem;
    pointer-events: none;
}

.ulif_faq_page .ulif_faq_page__search:focus-within .ulif_faq_page__search_icon {
    color: rgba(224, 150, 32, 0.85);
}

.ulif_faq_page__search_input {
    flex: 1;
    min-width: 0;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #333333;
    font-size: 0.85rem;
    line-height: 1.3;
    padding: 2px 0;
    outline: none;
    cursor: text;
    box-shadow: none !important;
}

.ulif_faq_page__search_input::placeholder {
    color: #999999;
    font-style: italic;
}

.ulif_faq_page__search_input:-webkit-autofill,
.ulif_faq_page__search_input:-webkit-autofill:hover,
.ulif_faq_page__search_input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #333333 !important;
    transition: background-color 9999s ease-out;
}

/* Bouton invisible — conserve le focus JS sans boîte visible */
.ulif_faq_page__search_btn {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    background: transparent;
}

@media (max-width: 575px) {
    .ulif_faq_page .ulif_faq_page__search {
        width: 280px;
        max-width: 280px;
    }
}

/* Item masqué par la recherche */
.ulif_faq_page .ulif_faq_item.is-hidden {
    display: none;
}

/* Liens dans les réponses FAQ — orange ULiF */
.ulif_faq_page .ulif_faq_answer a,
.ulif_faq_page .ulif_faq_answer a:link,
.ulif_faq_page .ulif_faq_answer a:visited {
    color: #E09620;
    text-decoration: underline;
}

.ulif_faq_page .ulif_faq_answer a:hover,
.ulif_faq_page .ulif_faq_answer a:focus {
    color: #cc6414;
}

/* Message aucun résultat */
.ulif_faq_page__no_results {
    text-align: center;
    color: var(--ulif-faq-text-muted);
    padding: 20px 14px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid var(--ulif-faq-border);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    display: none;
    margin-top: 8px;
}

.ulif_faq_page__no_results.is-visible {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .ulif_faq_page__search {
        transition: none;
    }
}