/**
 * Yönetim Paneli - Global Custom CSS
 * 
 * Bu dosya, Vyzor teması üzerine yapılan özelleştirmeleri içerir.
 * Gulp/SCSS kullanmadan, doğrudan yüklenir.
 * 
 * @version 1.0
 * @date 2025-12-13
 */

/* ============================================================
   AÇIK TEMA (Varsayılan)
   ============================================================ */

/* Form alanları - çok açık gri/yeşilimsi tint */
.form-control,
.form-select {
    background-color: #f8faf9 !important;
    border: 1px solid #dde3df;
}

.form-control:focus,
.form-select:focus {
    background-color: #fff !important;
    border-color: #4a6bff;
    box-shadow: 0 0 0 0.15rem rgba(74, 107, 255, 0.15);
}

/* Yükleme yöntemi sekmeleri - daha belirgin */
.nav-tabs-custom.nav-tabs {
    border-bottom: 2px solid #e0e5ec;
}

.nav-tabs-custom .nav-link {
    background-color: #f0f3f8;
    border: 1px solid #e0e5ec;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    margin-right: 4px;
    padding: 10px 16px;
    color: #5c6b7a;
    font-weight: 500;
    transition: all 0.2s ease;
}

.nav-tabs-custom .nav-link:hover {
    background-color: #e5e9f0;
    color: #4a6bff;
}

.nav-tabs-custom .nav-link.active {
    background-color: #fff;
    border-color: #e0e5ec;
    border-bottom: 1px solid #fff;
    color: #4a6bff;
    margin-bottom: -2px;
}

.nav-tabs-custom .nav-link i {
    font-size: 1.1rem;
}

/* Tab içerik alanı */
.tab-content>.tab-pane {
    padding-top: 1rem;
}


/* ============================================================
   KOYU TEMA
   ============================================================ */

/* Form alanları - #985FFD mor tonu */
[data-theme-mode="dark"] .form-control,
[data-theme-mode="dark"] .form-select {
    background-color: rgba(152, 95, 253, 0.15) !important;
    border: 1px solid rgba(152, 95, 253, 0.3);
    color: #e0e0e0;
}

[data-theme-mode="dark"] .form-control:focus,
[data-theme-mode="dark"] .form-select:focus {
    background-color: rgba(152, 95, 253, 0.25) !important;
    border-color: #985FFD;
    box-shadow: 0 0 0 0.15rem rgba(152, 95, 253, 0.25);
}

/* Select dropdown açılır listesi - Koyu tema */
[data-theme-mode="dark"] .form-select option {
    background-color: #1a1a2e;
    color: #e0e0e0;
}

[data-theme-mode="dark"] .form-select option:hover,
[data-theme-mode="dark"] .form-select option:checked {
    background-color: rgba(152, 95, 253, 0.4);
    color: #fff;
}

/* Sekmeler - Koyu tema */
[data-theme-mode="dark"] .nav-tabs-custom.nav-tabs {
    border-bottom-color: rgba(152, 95, 253, 0.3);
}

[data-theme-mode="dark"] .nav-tabs-custom .nav-link {
    background-color: rgba(152, 95, 253, 0.1);
    border-color: rgba(152, 95, 253, 0.2);
    color: #a0a0a0;
}

[data-theme-mode="dark"] .nav-tabs-custom .nav-link:hover {
    background-color: rgba(152, 95, 253, 0.2);
    color: #985FFD;
}

[data-theme-mode="dark"] .nav-tabs-custom .nav-link.active {
    background-color: rgba(152, 95, 253, 0.25);
    border-color: rgba(152, 95, 253, 0.4);
    border-bottom-color: transparent;
    color: #c9a5ff;
}


/* ============================================================
   GENEL İYİLEŞTİRMELER (Her iki tema için)
   ============================================================ */

/* Daha yumuşak geçişler */
.card,
.btn,
.form-control,
.form-select,
.nav-link {
    transition: all 0.2s ease;
}

/* Admin panel yardım ikonları */
.admin-help-icon {
    cursor: help;
}

.admin-help-icon:hover {
    color: #4a6bff;
}

.panel-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none !important;
}

.panel-help-icon i {
    transition: color 0.2s ease, transform 0.2s ease;
}

.panel-help-icon:hover i {
    color: #985FFD !important;
    transform: scale(1.08);
}

.admin-help-swal-container,
.swal2-container {
    z-index: 20000 !important;
}

.panel-help-swal-popup {
    border-radius: 18px !important;
}

.panel-help-swal-content {
    text-align: left;
    line-height: 1.85;
    font-size: 0.95rem;
}

.panel-help-swal-content strong {
    color: #1f2937;
}

[data-theme-mode="dark"] .panel-help-swal-popup {
    background: #181827 !important;
    color: #c7c7d7 !important;
}

[data-theme-mode="dark"] .panel-help-swal-content strong {
    color: #ffffff;
}

[data-theme-mode="dark"] .panel-help-swal-content code {
    color: #ff7adf;
}

/* Tab Style 2 - İkon hizalama düzeltmesi */
.nav-tabs.tab-style-2 .nav-link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
}

/* ============================================================
   CKEDITOR ÖZEL DÜZELTMELER
   ============================================================ */

/* Kaynak (Source) görünümü textarea düzeltmesi */
.cke_source {
    color: #333 !important;
    background-color: #fff !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    padding: 15px !important;
    line-height: 1.5 !important;
}

/* Koyu temada kaynak görünümü */
[data-theme-mode="dark"] .cke_source {
    color: #e0e0e0 !important;
    background-color: #1a1a2e !important;
    border: 1px solid rgba(152, 95, 253, 0.3) !important;

}

/* ============================================================
   HEADER DÜZENLEMELERİ
   ============================================================ */

/* Tema değiştirme butonu boyutu - Profil dairesiyle eşitleme */
.header-theme-mode .header-link-icon {
    width: 1.85rem !important;
    height: 1.85rem !important;
    padding: 4px !important;
}