/*
 * CategoryFAQ — Styles front-end
 * Les styles s'appliquent automatiquement sur le contenu brut de l'éditeur
 * (balises <p>, <ul>, <ol>, <li>) grâce au sélecteur de contexte [itemprop="text"].
 * L'utilisateur n'a pas besoin d'ajouter de classes manuellement.
 *
 * Seul le bloc "conseil" nécessite un balisage manuel :
 *   — <blockquote> dans l'éditeur, ou
 *   — <p class="faq-tip"> pour coller aux FAQs existantes du site
 */

/* --- Paragraphes de réponse --- */
[itemprop="text"] p {
    font-size: 95%;
    color: #888888;
    margin-bottom: 0.75rem;
}

[itemprop="text"] p:last-child {
    margin-bottom: 0;
}

[itemprop="text"] h3 {
    font-size: 97%;
    color: #888888;
    margin-bottom: 0.35rem;
}

/* --- Listes à puces et numérotées --- */
[itemprop="text"] ul,
[itemprop="text"] ol {
    margin: 0.5rem 0 0.75rem 1.25rem;
    padding: 0 0 0 .85rem;
    font-size: 95%;
    color: #888888;
}

[itemprop="text"] ul {
    list-style-type: disc;
}

/* Pas de marge gauche si la liste est le seul élément de la réponse */
[itemprop="text"] ul:only-child,
[itemprop="text"] ol:only-child {
    margin-left: 0;
}

[itemprop="text"] li {
    /* margin-bottom: 0.6rem; */
}

/* --- Gras dans les réponses --- */
[itemprop="text"] strong,
[itemprop="text"] b {
    font-weight: 600;
}

/* --- Liens dans les réponses --- */
[itemprop="text"] a {
    font-weight: 600;
    color: #888888 !important;
    text-decoration: underline;
}

[itemprop="text"] a:hover {
    color: #333333 !important;
    text-decoration: none;
}

/* --- Bloc conseil : <blockquote> dans l'éditeur --- */
/* Compatible aussi avec <p class="faq-tip"> (FAQs existantes du site) */
[itemprop="text"] blockquote,
[itemprop="text"] .faq-tip {
    border: 1px dashed #bbb;
    border-radius: 4px;
    padding: 0.85rem 1.1rem;
    margin: 1rem 0 0;
    background: #fafafa;
    font-size: 95%;
    color: #888888;
}

/* --- Titre de FAQ (h2) --- */
.faq-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666666;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}