/* SADES Quill Snow theme overrides
   - Dark mode (data-bs-theme="dark") uyumu
   - .ql-editor min-height (yazı alanı yeterince yüksek)
*/

/* Editor alan yüksekliği — toolbar haricinde ~250px yazı alanı */
.rte-container.ql-container .ql-editor,
.ql-snow .ql-editor {
    min-height: 240px;
    font-size: 14px;
    line-height: 1.6;
}

/* Bold/italic/underline/strike — hem editor hem render edilen body'de
   global SADES CSS bunları yutmasın. */
.ql-editor strong,
.ql-editor b,
.announcement-body strong,
.announcement-body b {
    font-weight: 700 !important;
}
.ql-editor em,
.ql-editor i,
.announcement-body em,
.announcement-body i {
    font-style: italic !important;
}
.ql-editor u,
.announcement-body u {
    text-decoration: underline !important;
}
.ql-editor s,
.ql-editor strike,
.ql-editor del,
.announcement-body s,
.announcement-body strike,
.announcement-body del {
    text-decoration: line-through !important;
}

/* Render edilen duyuru body için liste, link, paragraf düzenlemeleri */
.announcement-body ul,
.announcement-body ol {
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}
.announcement-body li {
    margin-bottom: 0.25rem;
}
.announcement-body a {
    color: var(--bs-primary, #3762ea);
    text-decoration: underline;
}
.announcement-body p {
    margin-bottom: 0.5rem;
}
.announcement-body p:last-child {
    margin-bottom: 0;
}
.announcement-body blockquote {
    border-left: 3px solid var(--bs-border-color, #dee2e6);
    padding-left: 1rem;
    color: var(--bs-secondary-color, #98a6ad);
    margin: 0.5rem 0;
}

/* Toolbar ve container border'ı tema ile eşleşsin */
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
    border-color: var(--bs-border-color, #dee2e6);
}

/* Placeholder rengi */
.ql-editor.ql-blank::before {
    color: var(--bs-secondary-color, #98a6ad);
    font-style: normal;
}

/* ============================================================
   DARK MODE (data-bs-theme="dark")
   ============================================================ */

[data-bs-theme="dark"] .ql-toolbar.ql-snow,
[data-bs-theme="dark"] .ql-container.ql-snow {
    background-color: var(--bs-body-bg, #1f1f23);
    border-color: var(--bs-border-color, #2a2a30);
    color: var(--bs-body-color, #c9c9cf);
}

/* Toolbar buton ikonları (svg stroke/fill) */
[data-bs-theme="dark"] .ql-snow .ql-stroke {
    stroke: var(--bs-body-color, #c9c9cf);
}
[data-bs-theme="dark"] .ql-snow .ql-fill,
[data-bs-theme="dark"] .ql-snow .ql-stroke.ql-fill {
    fill: var(--bs-body-color, #c9c9cf);
}

/* Toolbar buton hover/aktif */
[data-bs-theme="dark"] .ql-snow.ql-toolbar button:hover,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button:hover,
[data-bs-theme="dark"] .ql-snow.ql-toolbar button.ql-active,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button.ql-active,
[data-bs-theme="dark"] .ql-snow.ql-toolbar .ql-picker-label:hover,
[data-bs-theme="dark"] .ql-snow .ql-toolbar .ql-picker-label:hover,
[data-bs-theme="dark"] .ql-snow.ql-toolbar .ql-picker-label.ql-active,
[data-bs-theme="dark"] .ql-snow .ql-toolbar .ql-picker-label.ql-active {
    color: var(--bs-primary, #3762ea);
}
[data-bs-theme="dark"] .ql-snow.ql-toolbar button:hover .ql-stroke,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button:hover .ql-stroke,
[data-bs-theme="dark"] .ql-snow.ql-toolbar button.ql-active .ql-stroke,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button.ql-active .ql-stroke,
[data-bs-theme="dark"] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
[data-bs-theme="dark"] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke {
    stroke: var(--bs-primary, #3762ea);
}
[data-bs-theme="dark"] .ql-snow.ql-toolbar button:hover .ql-fill,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button:hover .ql-fill,
[data-bs-theme="dark"] .ql-snow.ql-toolbar button.ql-active .ql-fill,
[data-bs-theme="dark"] .ql-snow .ql-toolbar button.ql-active .ql-fill {
    fill: var(--bs-primary, #3762ea);
}

/* Dropdown picker label (font, size, color, align gibi) */
[data-bs-theme="dark"] .ql-snow .ql-picker {
    color: var(--bs-body-color, #c9c9cf);
}
[data-bs-theme="dark"] .ql-snow .ql-picker-label {
    color: var(--bs-body-color, #c9c9cf);
    border-color: transparent;
}

/* Açılır dropdown menü (font dropdown'u dahil) */
[data-bs-theme="dark"] .ql-snow .ql-picker-options {
    background-color: var(--bs-card-bg, #27272d);
    border-color: var(--bs-border-color, #2a2a30);
    color: var(--bs-body-color, #c9c9cf);
}
[data-bs-theme="dark"] .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: var(--bs-border-color, #2a2a30);
    color: var(--bs-primary, #3762ea);
}
[data-bs-theme="dark"] .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--bs-border-color, #2a2a30);
}
[data-bs-theme="dark"] .ql-snow .ql-picker-item {
    color: var(--bs-body-color, #c9c9cf);
}
[data-bs-theme="dark"] .ql-snow .ql-picker-item:hover {
    color: var(--bs-primary, #3762ea);
}
[data-bs-theme="dark"] .ql-snow .ql-picker-item.ql-selected {
    color: var(--bs-primary, #3762ea);
}

/* Color/background picker (renk paleti) — kareler beyaz arka plan üstünde değil */
[data-bs-theme="dark"] .ql-snow .ql-color-picker .ql-picker-options,
[data-bs-theme="dark"] .ql-snow .ql-icon-picker .ql-picker-options {
    background-color: var(--bs-card-bg, #27272d);
}

/* Editor içi yazı rengi */
[data-bs-theme="dark"] .ql-editor {
    color: var(--bs-body-color, #c9c9cf);
}

/* Editor içi link */
[data-bs-theme="dark"] .ql-editor a {
    color: var(--bs-primary, #3762ea);
}

/* Tooltip / link editör input'u (snow theme) */
[data-bs-theme="dark"] .ql-snow .ql-tooltip {
    background-color: var(--bs-card-bg, #27272d);
    border-color: var(--bs-border-color, #2a2a30);
    color: var(--bs-body-color, #c9c9cf);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
[data-bs-theme="dark"] .ql-snow .ql-tooltip input[type=text] {
    background-color: var(--bs-body-bg, #1f1f23);
    border-color: var(--bs-border-color, #2a2a30);
    color: var(--bs-body-color, #c9c9cf);
}

/* Placeholder dark mode */
[data-bs-theme="dark"] .ql-editor.ql-blank::before {
    color: var(--bs-secondary-color, #98a6ad);
}