﻿/* ===== Select (koyu) ===== */
.form-select,
select.form-select {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

    .form-select:focus,
    select.form-select:focus {
        border-color: #c8102e !important;
        box-shadow: 0 0 5px #c8102e !important;
        outline: none;
    }

    .form-select option,
    select.form-select option {
        background-color: #2a2a2a;
        color: #ffffff;
    }

/* ===== EasyMDE Dark – Doğru selector’lar ===== */

/* Kabuğu */
.EasyMDEContainer {
    background: #0f0f10;
    border-radius: 8px;
}

    /* Edit alanı */
    .EasyMDEContainer .CodeMirror {
        background: #121212 !important;
        color: #eaeaea !important;
        border: 1px solid #2a2a2a !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .EasyMDEContainer .CodeMirror-cursor {
        border-left: 2px solid #eaeaea !important;
    }

    .EasyMDEContainer .CodeMirror-selected {
        background: #2a2a2a !important;
    }

    /* Placeholder */
    .EasyMDEContainer .CodeMirror .CodeMirror-placeholder {
        color: #aaa !important;
    }

    /* Basit syntax renkleri */
    .EasyMDEContainer .cm-header {
        color: #f1f1f1 !important;
    }

    .EasyMDEContainer .cm-quote {
        color: #bdbdbd !important;
    }

    .EasyMDEContainer .cm-strong {
        color: #ffffff !important;
    }

    .EasyMDEContainer .cm-em {
        color: #e6e6e6 !important;
    }

    .EasyMDEContainer .cm-link,
    .EasyMDEContainer .cm-url {
        color: #64b5f6 !important;
    }

/* Toolbar */
.editor-toolbar {
    background: #1b1b1c !important;
    border-color: #2a2a2a !important;
    border-radius: 8px 8px 0 0 !important;
}

    .editor-toolbar a,
    .editor-toolbar button {
        color: #e6e6e6 !important;
        border-color: transparent !important;
    }

        .editor-toolbar a:hover,
        .editor-toolbar button:hover {
            background: #222 !important;
        }

        .editor-toolbar a.active {
            background: #2b2b2b !important;
        }

/* Preview (doğru class isimleri) */
.editor-preview,
.editor-preview-side {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border-left: 1px solid #2a2a2a !important;
}

    .editor-preview a,
    .editor-preview-side a {
        color: #64b5f6 !important;
    }

    .editor-preview pre code,
    .editor-preview-side pre code {
        background: #0c0c0c !important;
        color: #e6e6e6 !important;
        border: 1px solid #222 !important;
    }

/* Status bar */
.editor-statusbar {
    background: #151515 !important;
    color: #bdbdbd !important;
    border-color: #2a2a2a !important;
    border-radius: 0 0 8px 8px !important;
}

/* ===== Kart/Form koyu uyumu ===== */
.card.shadow.border-0.rounded-4 {
    background: #151515 !important;
    color: #eaeaea !important;
    border: 1px solid #222 !important;
}

.card .form-label {
    color: #eaeaea !important;
}

.card .form-control, .card .form-select {
    background: #111 !important;
    color: #f5f5f5 !important;
    border-color: #333 !important;
}

    .card .form-control::placeholder {
        color: #9aa0a6 !important;
    }

/* File input */
.card input[type="file"] {
    background: #111 !important;
    color: #eaeaea !important;
    border-color: #333 !important;
}

/* Butonlar */
.btn-success {
    border: 0 !important;
}

    .btn-success:hover {
        filter: brightness(1.1);
    }

.btn-danger {
    border: 0 !important;
}

/* Hata mesajı */
.text-danger {
    color: #ff9494 !important;
}
/* Toast UI koyu mod için ek düzeltmeler */
.toastui-editor-dark .toastui-editor-contents,
.toastui-editor-dark .ProseMirror {
    color: #eaeaea !important;
}

.toastui-editor-dark .toastui-editor-toolbar-icons button,
.toastui-editor-dark .toastui-editor-toolbar-icons span,
.toastui-editor-dark .toastui-editor-toolbar-icons svg {
    color: #eaeaea !important;
    fill: #eaeaea !important;
    stroke: #eaeaea !important;
}

.toastui-editor-dark .toastui-editor-popup,
.toastui-editor-dark .toastui-editor-dropdown-toolbar {
    background: #1a1a1a !important;
    color: #eaeaea !important;
    border: 1px solid #333 !important;
}

