/* Styles gérés dans le thème (theme.css). Fichier présent pour le registerStylesheet. */
#wrapper section .product-faq{
    background: #f7f1e3!important;
    padding: 8rem 0;
    text-align: left;
}
#products .faq-title .h2{
    color: #F2B90C;
    font-size: 3rem;
        line-height: 1;
}

#products .faq-subtitle {
    color: #161311;
    font-size: 3rem;
    line-height: 1;
    margin: 2.5rem 0;
    font-weight: bold;
    text-align: left;
}

.highlight {
    color: #F2B90C;
}

/* FAQ icon - caret-down / caret-up toggle */
.faq-question .faq-icon::before {
    content: "\e136"; /* ph-caret-down */
}
.faq-item.is-open .faq-icon::before {
    content: "\e13c"; /* ph-caret-up */
}

/* Style des catégories de FAQ */
.faq-category-title {
    color: #161311;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    border-left: 4px solid #F2B90C;
    padding-left: 12px;
    letter-spacing: 0.5px;
    font-weight: bold;
}

.faq-category-section {
    margin-bottom: 3rem;
}

.faq .faq-item.faq-reveal {
    opacity: 1;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.faq .faq-item.faq-reveal.is-hidden {
    opacity: 0;
}

.faq .faq-item.faq-reveal.is-hidden.from-left {
    transform: translateX(-80px);
}

.faq .faq-item.faq-reveal.is-hidden.from-right {
    transform: translateX(80px);
}

.faq .faq-item.faq-reveal.is-visible {
    opacity: 1;
    transform: translateX(0);
}