/* -------------------------------------------------------
   Fools Category Content — Bloc SEO front-office
   Fichier : views/css/front.css
------------------------------------------------------- */

.fools-category-seo-block {
    margin-top: 3rem;
    padding: 2rem 0 1rem;
    border-top: 1px solid #e8e8e8;
    color: #444;
    font-size: 0.95rem;
    line-height: 1.7;
}

.fools-category-seo-block h2 {
    color: #9f1642;
    font-size: 1.5rem;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.fools-category-seo-block h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #9f1642;
}

.fools-category-seo-block p {
    margin-bottom: 1rem;
}

.fools-category-seo-block ul,
.fools-category-seo-block ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.fools-category-seo-block li {
    margin-bottom: 0.35rem;
}

.fools-category-seo-block a {
    color: #8b1a1a; /* couleur bordeaux du thème */
    text-decoration: underline;
}

.fools-category-seo-block a:hover {
    text-decoration: none;
}

/* FAQ — optionnel si tu utilises un <details> natif */
.fools-category-seo-block details {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
}

.fools-category-seo-block summary {
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.fools-category-seo-block summary::-webkit-details-marker {
    display: none;
}

.fools-category-seo-block summary::before {
    content: '+ ';
    color: #8b1a1a;
}

.fools-category-seo-block details[open] summary::before {
    content: '− ';
}
