/**
 * Surcharge BWA FAQ pour le thème "bwa" (Tenthorey Carrelage)
 *
 * Le plugin détecte automatiquement ce fichier et le charge après son propre
 * CSS (voir includes/PublicSide/Frontend.php > get_theme_override_stylesheet).
 */

.all-faq,
.bwa-faq {
    --bwa-faq-primary  : #2A2C2F; /* couleur texte/titres du site */
    --bwa-faq-text     : #2A2C2F;
    --bwa-faq-accent   : #8B4F3F; /* terracotta du bouton "Demander un devis" */
    --bwa-faq-bg       : #F9F8F6; /* beige clair utilisé sur le site */
    --bwa-faq-border   : #EEEBE8; /* beige utilisé en fond de section sur le site */
    --bwa-faq-radius   : 4px;     /* le site utilise des angles peu arrondis (boutons: 2px) */
    --bwa-faq-gap      : 14px;
    --bwa-faq-font     : "DM Sans", sans-serif;
}

.all-faq {
    background-color: var(--bwa-faq-border);
}

/* Bloc contenu : jamais en pleine largeur, même si le shortcode est posé
   dans une section Elementor réglée en "Full Width" */
.all-faq .bwa-faq-inner {
    max-width : 860px;
    margin    : 0 auto;
    padding: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320))) 0;
}

/* Titre au-dessus du bloc de questions.
   Ajoutez <h2 class="bwa-faq__block-title">Questions fréquentes</h2>
   juste avant le shortcode [bwa_faq] (widget Texte Elementor, ou bloc HTML). */
.bwa-faq__block-title {
    max-width      : 860px;
    margin         : 0 auto 24px auto;
    font-family    : var(--bwa-faq-font);
    font-size      : 33.8px;
    font-weight    : 700;
    letter-spacing : -0.845px;
    color          : var(--bwa-faq-primary);
    text-align     : center;
}

/* Cartes accordéon */
.all-faq__wrapper-item {
    border     : 1px solid var(--bwa-faq-border);
    box-shadow : none;
    transition : border-color 0.25s ease;
}

.all-faq__wrapper-item:hover {
    border-color : var(--bwa-faq-accent);
}

.all-faq__wrapper-item__title .question {
    letter-spacing : normal;
}

/* Icône +/- avec un fond assorti à l'accent terracotta */
.dropdown-cta {
    background-color : rgba(139, 79, 63, 0.1);
}

.dropdown-cta svg path,
.dropdown-cta svg line {
    stroke : #8B4F3F;
}

.all-faq__wrapper-item__title.is-active .dropdown-cta {
    background-color : rgba(139, 79, 63, 0.18);
}