/* ==========================================================================
   2. MEDYAXPRESS - COMPONENTS CSS (BİLEŞENLER)
   Dosya Yolu: ~/adosya/css/medyaxpress-components.css
   Konsept: Corporate Dark Mode (Blue & Grey)
   ========================================================================== */

:root {
    /* MedyaxPress Renk Paleti */
    --mx-blue: #007dc8; /* Ana Kurumsal Renk */
    --mx-blue-hover: #005f99; /* Hover Durumu */
    --mx-grey: #69737d; /* İkincil Renk */
    /* Zemin ve Yapı Taşları */
    --mx-bg-body: #0f1114; /* Ana Sayfa Rengi */
    --mx-bg-card: #1a1d21; /* Kart/Kutu Rengi */
    --mx-bg-input: #131518; /* Input/Form Zemini */
    /* Çerçeve ve Gölgeler */
    --mx-border: #2d3238; /* İnce Çizgiler */
    --mx-border-light: #404650; /* Hover Çizgileri */
    --mx-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    /* Metin Renkleri */
    --mx-text-white: #ffffff;
    --mx-text-body: #e6eaee;
    --mx-text-muted: #9caab9;
    /* Genel Ayarlar */
    --mx-radius: 8px;
}

/* --- BAŞLIKLAR --- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--mx-text-white) !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* --- BOOTSTRAP RENK EZME --- */
.text-dark {
    color: var(--mx-text-white) !important;
}

.text-muted {
    color: var(--mx-text-muted) !important;
}

.bg-white, .bg-light, .bg-body {
    background-color: var(--mx-bg-card) !important;
}

.border {
    border-color: var(--mx-border) !important;
}

/* --- KARTLAR (KUTULAR) --- */
.card {
    background-color: var(--mx-bg-card) !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
    box-shadow: var(--mx-shadow) !important;
    margin-bottom: 25px !important;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

    .card:hover {
        border-color: var(--mx-border-light) !important;
        transform: translateY(-3px);
    }

.card-header {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid var(--mx-border) !important;
    color: var(--mx-blue) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 1.2rem 1.5rem !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    /* Kart başlıklarını Mavi yap */
    .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5 {
        color: var(--mx-text-white) !important; /* Başlıklar beyaz kalsın */
        margin: 0 !important;
    }

    /* İkonlar Mavi Olsun */
    .card-header i {
        color: var(--mx-blue) !important;
    }

.card-body {
    color: var(--mx-text-body) !important;
    padding: 1.5rem !important;
}

.card-footer {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid var(--mx-border) !important;
    padding: 1rem !important;
    color: var(--mx-text-muted) !important;
}

/* --- FORMLAR VE INPUTLAR (MEDYAXPRESS STİLİ) --- */
.form-control, .form-select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="file"] {
    background-color: var(--mx-bg-input) !important;
    border: 1px solid var(--mx-border) !important;
    color: #fff !important;
    border-radius: 6px !important; /* Biraz daha keskin hatlar */
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

    /* Input Focus (Mavi Parlama) */
    .form-control:focus, .form-select:focus {
        border-color: var(--mx-blue) !important;
        box-shadow: 0 0 0 3px rgba(0, 125, 200, 0.15) !important;
        background-color: #16191d !important;
        color: #fff !important;
    }

    /* Placeholder Rengi */
    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.3) !important;
    }

/* Form Etiketleri */
label, .form-label {
    color: var(--mx-text-body) !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    font-size: 0.95rem !important;
}

/* Dosya Yükleme Butonu */
input[type="file"]::file-selector-button {
    background-color: var(--mx-border) !important;
    color: var(--mx-text-white) !important;
    border: none !important;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
    transition: background 0.2s;
}

    input[type="file"]::file-selector-button:hover {
        background-color: var(--mx-blue) !important;
    }

/* Switch & Checkbox */
.form-check-input {
    background-color: var(--mx-bg-input) !important;
    border-color: var(--mx-border) !important;
}

    .form-check-input:checked {
        background-color: var(--mx-blue) !important;
        border-color: var(--mx-blue) !important;
    }

/* --- BUTONLAR --- */
.btn {
    border-radius: 6px !important; /* Daha kurumsal, daha az yuvarlak */
    padding: 10px 24px !important;
    font-weight: 500 !important;
    text-transform: none !important; /* Büyük harf zorunluluğunu kaldırdık */
    letter-spacing: 0.3px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s !important;
}

    .btn:hover {
        transform: translateY(-1px) !important;
    }

/* Ana Buton (Mavi) */
.btn-primary, .btn-success {
    background-color: var(--mx-blue) !important;
    border-color: var(--mx-blue) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(0, 125, 200, 0.3) !important;
}

    .btn-primary:hover, .btn-success:hover {
        background-color: var(--mx-blue-hover) !important;
        border-color: var(--mx-blue-hover) !important;
        color: #fff !important;
    }

/* Düzenle Butonu (Gri/Mavi) */
.btn-warning {
    background: transparent !important;
    border: 1px solid var(--mx-grey) !important;
    color: var(--mx-text-body) !important;
}

    .btn-warning:hover {
        background: var(--mx-grey) !important;
        color: #fff !important;
    }

/* Sil Butonu (Kırmızı - Pastel) */
.btn-danger {
    background: rgba(220, 53, 69, 0.1) !important;
    border: 1px solid #e74c3c !important;
    color: #e74c3c !important;
}

    .btn-danger:hover {
        background: #e74c3c !important;
        color: #fff !important;
    }

/* İkincil Butonlar */
.btn-light, .btn-secondary, .btn-outline-secondary {
    background: transparent !important;
    border: 1px solid var(--mx-border) !important;
    color: var(--mx-text-muted) !important;
}

    .btn-light:hover, .btn-secondary:hover {
        border-color: var(--mx-text-white) !important;
        color: var(--mx-text-white) !important;
    }

/* --- TABLOLAR --- */
.table-responsive {
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
    background-color: var(--mx-bg-card);
}

.table {
    --bs-table-bg: transparent !important;
    --bs-table-color: var(--mx-text-body) !important;
    margin-bottom: 0 !important;
    border-color: var(--mx-border) !important;
}

    .table thead th {
        background-color: rgba(0, 125, 200, 0.05) !important; /* Çok hafif mavi zemin */
        color: var(--mx-blue) !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        font-size: 0.85rem;
        border-bottom: 2px solid var(--mx-border) !important;
        padding: 15px !important;
    }

    .table tbody td {
        border-bottom: 1px solid var(--mx-border) !important;
        color: var(--mx-text-body) !important;
        padding: 15px !important;
        vertical-align: middle !important;
    }

/* Satır Hover Efekti */
.table-hover tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: #fff !important;
}

/* DataTables Sayfalama */
.dataTables_wrapper {
    color: var(--mx-text-muted) !important;
}

.dataTables_length select {
    color: #fff !important;
    background-color: var(--mx-bg-input) !important;
    border-color: var(--mx-border) !important;
}

.dataTables_filter input {
    color: #fff !important;
    background-color: var(--mx-bg-input) !important;
    border-color: var(--mx-border) !important;
}

.page-item .page-link {
    background-color: var(--mx-bg-input) !important;
    border-color: var(--mx-border) !important;
    color: var(--mx-text-body) !important;
}

.page-item.active .page-link {
    background-color: var(--mx-blue) !important;
    border-color: var(--mx-blue) !important;
    color: #fff !important;
    font-weight: 600;
}

.page-item.disabled .page-link {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--mx-border) !important;
}

/* --- DİĞER (Dropdown, Modal, Alert) --- */
.dropdown-menu {
    background-color: var(--mx-bg-card) !important;
    border: 1px solid var(--mx-border) !important;
    box-shadow: var(--mx-shadow) !important;
}

.dropdown-item {
    color: var(--mx-text-body) !important;
}

    .dropdown-item:hover {
        background-color: var(--mx-blue) !important;
        color: #fff !important;
    }

.modal-content {
    background-color: var(--mx-bg-card) !important;
    border: 1px solid var(--mx-border) !important;
    color: var(--mx-text-body) !important;
}

.modal-header, .modal-footer {
    border-color: var(--mx-border) !important;
}

.btn-close {
    filter: invert(1) grayscale(100%);
    opacity: 0.5;
}

    .btn-close:hover {
        opacity: 1;
    }

.alert-info {
    background-color: rgba(0, 125, 200, 0.1) !important;
    border-color: var(--mx-blue) !important;
    color: #aaddff !important;
}

/* CKEditor Fix (Karanlık Mod Uyumu) */
.cke_top, .cke_bottom {
    background: var(--mx-bg-card) !important;
    border-color: var(--mx-border) !important;
}

.cke_chrome {
    border-color: var(--mx-border) !important;
}

.cke_contents {
    filter: invert(0) !important; /* Gerekirse 0.9 yapılabilir */
}