/**
 * Bloc FAQ des pages produit (partials/product-faq.blade.php).
 *
 * Feuille de style autonome, chargée directement par wp_enqueue_style()
 * (voir app/setup.php) et NON compilée par Laravel Mix : le bloc FAQ ne doit pas
 * dépendre d'une reconstruction de dist/. Elle ne contient donc que du CSS
 * standard - pas de directive Tailwind (@apply, @screen...).
 *
 * Les questions sont des <h2> : ils héritent du `font-weight: 800; font-style: italic`
 * des titres du thème, mais leur taille est ramenée à celle du corps de texte pour
 * respecter la hiérarchie visuelle de la page produit.
 */

.faqProduit .line span:first-child {
    padding-right: 1rem;
    line-height: 1.3;
}

.faqProduit .content {
    padding: 1.5rem 1rem 1.5rem 0;
}

.faqProduit .content > *:first-child {
    margin-top: 0;
}

.faqProduit .content h2 {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    line-height: 1.4;
    text-transform: none;
}

.faqProduit .content h2 ~ h2 {
    margin-top: 1.75rem;
}

.faqProduit .content p {
    margin: 0 0 1.75rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
}

.faqProduit .content h2 + p {
    margin-top: 0;
}

.faqProduit .content p:last-child {
    margin-bottom: 0;
}

.faqProduit .content a {
    text-decoration: underline;
}

@media (min-width: 640px) {
    .faqProduit .content h2 {
        font-size: 1.125rem;
    }
}