/* Custom overrides on top of Tailwind CDN */

/* Scrollbar */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: #0f1729; }
::-webkit-scrollbar-thumb  { background: #2a3a5c; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c9a84c55; }

/* Selection colour */
::selection { background: #c9a84c33; color: #e8dcc8; }

/* Line-clamp utilities (already in Tailwind core, but kept for clarity) */
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/* Prose-style content (news HTML content from DB) */
.prose-sm a            { color: #c9a84c; }
.prose-sm a:hover      { text-decoration: underline; }
.prose-sm ul           { list-style: disc inside; padding-left: .5rem; }
.prose-sm li           { margin-bottom: .25rem; }
.prose-sm b, .prose-sm strong { color: #e8dcc8; }

/* PDF iframe responsive */
iframe[title^="Chapitre"] { border: none; }

/* Chapter story reader */
.chapter-text {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: .9375rem;   /* 15px */
    line-height: 1.85;
    color: #c8bfa8;
}
.chapter-text p {
    margin-bottom: 1.25em;
}
.chapter-text .scene-break {
    text-align: center;
    letter-spacing: .5em;
    color: #c9a84c;
    margin: 2em 0;
    font-style: normal;
    font-size: .85rem;
}

/* Quill rich editor dark theme */
.ql-toolbar.ql-snow {
    background: #1a2744;
    border: 1px solid #2a3a5c;
    border-bottom: none;
    border-radius: .5rem .5rem 0 0;
}
.ql-container.ql-snow {
    background: #0f1729;
    border: 1px solid #2a3a5c;
    border-radius: 0 0 .5rem .5rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1rem;
    line-height: 1.85;
}
.ql-editor {
    color: #e8dcc8;
    min-height: 520px;
    padding: 1.25rem 1.5rem;
}
.ql-editor.ql-blank::before {
    color: rgba(184, 169, 144, 0.4);
    font-style: italic;
}
.ql-snow .ql-stroke          { stroke: #b8a990; }
.ql-snow .ql-fill            { fill:  #b8a990; }
.ql-snow .ql-picker          { color: #b8a990; }
.ql-snow .ql-picker-options  { background: #162035; border-color: #2a3a5c; color: #e8dcc8; }
.ql-snow .ql-picker-item:hover { color: #c9a84c; }
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke { stroke: #c9a84c; }
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill   { fill: #c9a84c; }
.ql-snow.ql-toolbar button.ql-active .ql-stroke { stroke: #c9a84c; }
.ql-snow.ql-toolbar button.ql-active .ql-fill   { fill: #c9a84c; }
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover { color: #c9a84c; }
.ql-editor p  { margin-bottom: .6em; }
.ql-editor blockquote {
    border-left: 3px solid #c9a84c;
    padding-left: 1em;
    color: #b8a990;
    font-style: italic;
    margin: 1em 0;
}
/* Scene-break button in toolbar */
.ql-snow.ql-toolbar .ql-scene-break,
.ql-snow .ql-toolbar .ql-scene-break {
    width: auto;
    padding: 0 6px;
    font-size: 1rem;
    color: #b8a990;
}
.ql-snow.ql-toolbar .ql-scene-break:hover,
.ql-snow .ql-toolbar .ql-scene-break:hover { color: #c9a84c; }
/* Preview of *** inside the Quill editor */
.ql-editor p:only-child,
.ql-editor p {
    /* intentionally blank — targeting via JS is more reliable */
}
.ql-scene-break-preview {
    text-align: center;
    letter-spacing: .5em;
    color: #c9a84c;
    margin: 1.5em 0;
    font-size: .85rem;
}

/* Smooth expand transitions */
[x-cloak] { display: none !important; }