.elementor-7642 .elementor-element.elementor-element-6743421{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-08629d6 *//* ===== CONTENEUR GLOBAL FAQ ===== */
.faq-page {
    max-width: 900px;
    margin: 60px auto;
    padding: 0 15px;
}

/* ===== HEADER (Titre + Description) ===== */
.faq-header {
    text-align: center; /* centrage demandé */
    margin-bottom: 35px; /* espace avant la search bar */
}

/* On NE TOUCHE PAS à la couleur du titre */
.faq-header h1 {
    font-size: 32px; /* taille conservée */
    margin-bottom: 10px;
}

/* Description centrée et espacée */
.faq-description {
    font-size: 16px;
    color: #555;
    max-width: 700px;
    margin: 0 auto 35px auto; /* éloignement de la barre de recherche */
    line-height: 1.6;
}

/* ===== BARRE DE RECHERCHE ===== */
/* BARRE DE RECHERCHE */
.faq-search {
    width: 100%;
    padding: 14px 18px;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin-bottom: 45px;
    font-size: 15px;
}

/* ===== LISTE FAQ ===== */
.faq-container {
    margin-top: 10px;
}

/* ===== ITEM ===== */
.faq-item {
    background: #f4f8ff; /* bleu clair EXISTANT */
    border-radius: 6px;
    margin-bottom: 10px;
    transition: all 0.4s ease; /* animation plus douce */
}

/* ===== QUESTION ===== */
.faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 1px 18px; /* hauteur maîtrisée */
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1a1a1a;
}

/* Hover léger */
.faq-question:hover {
    background: #e9f1ff;
}

/* ===== ÉTAT OUVERT : BLEU INTENSE (CELUI QUE TU VOULAIS) ===== */
.faq-item.open .faq-question {
    background: #00339A; /* bleu intense cohérent */
    color: #ffffff;
}

/* ===== FLÈCHE ===== */
.faq-arrow {
    transition: transform 0.5s ease; /* animation plus douce */
    font-size: 14px;
    color: inherit;
}

/* ===== RÉPONSE ===== */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    transition: max-height 0.5s ease; /* animation douce */
}

/* Réponse ouverte */
.faq-item.open .faq-answer {
    padding: 10px 18px 14px;
}/* End custom CSS */