/* assets/styles/wysiwyg.css
   Styles du contenu riche généré par le WYSIWYG (Quill, TinyMCE, CKEditor…)
   Ciblé via la classe .wysiwyg-content — pas de dépendance à @tailwindcss/typography
*/

/* ── Couleurs du projet ── */
:root {
    --color-montagne-900: #04223f;
    --color-montagne-800: #083966;
    --color-montagne-700: #0f5187;
    --color-montagne-600: #1a6faa;
    --color-sapin-600:    #1e6133;
    --color-sapin-500:    #2e7d45;
    --color-sapin-400:    #4a9b5f;
}

/* ── Wrapper ── */
.wysiwyg-content {
    color: #475569;           /* slate-600 */
    font-size: 1rem;
    line-height: 1.75;
    max-width: none;
}

/* ── Titres ── */
.wysiwyg-content h1,
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    color: var(--color-montagne-900);
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 0.75em;
}

.wysiwyg-content h1 { font-size: 1.875rem; }
.wysiwyg-content h2 { font-size: 1.5rem; }
.wysiwyg-content h3 { font-size: 1.25rem; }
.wysiwyg-content h4 { font-size: 1.125rem; }

.wysiwyg-content h2 {
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f1f5f9; /* slate-100 */
}

/* ── Paragraphes ── */
.wysiwyg-content p {
    margin-top: 0;
    margin-bottom: 1.25em;
}

/* ── Liens ── */
.wysiwyg-content a {
    color: var(--color-sapin-500);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s;
}
.wysiwyg-content a:hover {
    text-decoration-color: var(--color-sapin-500);
}

/* ── Listes ── */
.wysiwyg-content ul,
.wysiwyg-content ol {
    margin: 1em 0 1.25em 0;
    padding-left: 1.75em;
}
.wysiwyg-content ul { list-style-type: disc; }
.wysiwyg-content ol { list-style-type: decimal; }

.wysiwyg-content li {
    margin-bottom: 0.4em;
}
.wysiwyg-content li::marker {
    color: var(--color-sapin-400);
}

/* ── Citation / blockquote ── */
.wysiwyg-content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.25em;
    border-left: 4px solid var(--color-sapin-400);
    background-color: #f8fafc;  /* slate-50 */
    border-radius: 0 0.75rem 0.75rem 0;
    color: var(--color-montagne-700);
    font-style: italic;
}
.wysiwyg-content blockquote p {
    margin: 0;
}

/* ── Code inline ── */
.wysiwyg-content code {
    font-size: 0.875em;
    background-color: #f1f5f9;
    color: #0f5187;
    padding: 0.15em 0.4em;
    border-radius: 0.3em;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ── Bloc code ── */
.wysiwyg-content pre {
    background-color: #1e293b;
    color: #e2e8f0;
    padding: 1.25em 1.5em;
    border-radius: 0.75rem;
    overflow-x: auto;
    margin: 1.5em 0;
    font-size: 0.875rem;
    line-height: 1.6;
}
.wysiwyg-content pre code {
    background: none;
    color: inherit;
    padding: 0;
}

/* ── Images ── */
.wysiwyg-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin: 1.5em auto;
    display: block;
}

/* ── Séparateur ── */
.wysiwyg-content hr {
    border: none;
    border-top: 2px solid #f1f5f9;
    margin: 2em 0;
}

/* ── Tableaux ── */
.wysiwyg-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 0.9rem;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0 0 1px #e2e8f0;
}
.wysiwyg-content thead {
    background-color: var(--color-montagne-800);
    color: white;
}
.wysiwyg-content th {
    padding: 0.75em 1em;
    text-align: left;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.wysiwyg-content td {
    padding: 0.65em 1em;
    border-top: 1px solid #f1f5f9;
    color: #475569;
}
.wysiwyg-content tbody tr:nth-child(even) {
    background-color: #f8fafc;
}
.wysiwyg-content tbody tr:hover {
    background-color: #f0f7ff;
}

/* ── Texte mis en forme (gras, italique) ── */
.wysiwyg-content strong,
.wysiwyg-content b {
    font-weight: 600;
    color: #334155; /* slate-700 */
}
.wysiwyg-content em,
.wysiwyg-content i {
    font-style: italic;
}

/* ── Premier titre sans margin-top ── */
.wysiwyg-content > *:first-child {
    margin-top: 0;
}
.wysiwyg-content > *:last-child {
    margin-bottom: 0;
}