/**
 * Karanlık Tema için Ek CSS Stilleri
 */

/* CSS değişkenlerini tanımla */
:root {
    --dark-bg: #1a1d21;
    --dark-surface: #272c30;
    --dark-border: #3a3f44;
    --dark-text: #e0e0e0;
    --dark-text-muted: #adb5bd;
    --primary-orange: #FF8C00;
    --primary-orange-light: #FFA500;
    --primary-orange-dark: #cc7000;
}

/* Genel karanlık tema renkleri - AdminLTE override */
body.dark-mode {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* AdminLTE navbar override */
body.dark-mode .navbar-dark {
    background-color: #2d3436 !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.dark-mode .navbar-dark .navbar-nav .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode .navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

/* Sidebar karanlık tema - AdminLTE override */
body.dark-mode .main-sidebar,
body.dark-mode .sidebar-dark-primary {
    background-color: #1f2326 !important;
}

body.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Content alanı karanlık tema (özel gövde rengi varken varsayılanı uygulama) */
body.dark-mode:not(.user-custom-body):not(.has-user-body-color) .content-wrapper {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

body.dark-mode:not(.user-custom-body):not(.has-user-body-color) .content {
    background-color: var(--dark-bg) !important;
}

/* Kartlar için karanlık tema - AdminLTE override */
body.dark-mode .card {
    background-color: var(--dark-surface) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .card-header {
    background-color: #2d3236 !important;
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .card-body {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .card-footer {
    background-color: #2d3236 !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Tablolar için karanlık tema */
body.dark-mode .table {
    color: var(--dark-text) !important;
    background-color: transparent !important;
}

body.dark-mode .table th {
    background-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    border-bottom: 2px solid #495057 !important;
}

body.dark-mode .table td {
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075) !important;
}

/* Form elemanları için karanlık tema */
body.dark-mode .form-control {
    background-color: #495057 !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .form-control:focus {
    background-color: #495057 !important;
    color: var(--dark-text) !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

body.dark-mode .form-control::placeholder {
    color: var(--dark-text-muted) !important;
}

body.dark-mode .form-select {
    background-color: #495057 !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .input-group-text {
    background-color: #495057 !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

/* Dropdown menüler için karanlık tema */
body.dark-mode .dropdown-menu {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

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

body.dark-mode .dropdown-item:hover, 
body.dark-mode .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Modal'lar için karanlık tema */
body.dark-mode .modal-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .modal-header {
    background-color: #2d3236 !important;
    border-bottom-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .modal-body {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .modal-footer {
    background-color: #2d3236 !important;
    border-top-color: var(--dark-border) !important;
}

/* Breadcrumb için karanlık tema */
body.dark-mode .breadcrumb {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .breadcrumb-item.active {
    color: var(--dark-text-muted) !important;
}

body.dark-mode .breadcrumb-item a {
    color: #0d6efd !important;
}

/* Alert'ler için karanlık tema */
body.dark-mode .alert {
    border-color: var(--dark-border) !important;
}

body.dark-mode .alert-success {
    background-color: rgba(25, 135, 84, 0.2) !important;
    border-color: #198754 !important;
    color: #75b798 !important;
}

body.dark-mode .alert-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    border-color: #dc3545 !important;
    color: #f1aeb5 !important;
}

body.dark-mode .alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #ffc107 !important;
    color: #ffda6a !important;
}

body.dark-mode .alert-info {
    background-color: rgba(13, 202, 240, 0.2) !important;
    border-color: #0dcaf0 !important;
    color: #6edff6 !important;
}

/* Pagination için karanlık tema */
body.dark-mode .page-link {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .page-item.active .page-link {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

body.dark-mode .page-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--dark-border) !important;
    color: #ffffff !important;
}

/* Text renkleri */
body.dark-mode .text-muted {
    color: var(--dark-text-muted) !important;
}

body.dark-mode .text-secondary {
    color: var(--dark-text-muted) !important;
}

/* Badge'ler */
body.dark-mode .badge {
    color: #ffffff !important;
}

/* Butonlar için karanlık tema */
body.dark-mode .btn-default {
    background-color: #495057 !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .btn-outline-secondary {
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

/* Loading overlay */
body.dark-mode .loading-overlay {
    background-color: rgba(26, 29, 33, 0.9) !important;
}

/* Scroll bar */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: var(--dark-bg);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #6c757d;
    border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

/* ============================================
   AÇIK TEMA (LIGHT MODE) - AdminLTE Override
   ============================================ */

/* CSS değişkenleri açık tema için */
body.light-mode {
    --light-bg: #ffffff;
    --light-surface: #ffffff;
    --light-border: #dee2e6;
    --light-text: #212529;
    --light-text-muted: #6c757d;
}

/* Genel açık tema renkleri */
body.light-mode {
    background-color: var(--light-bg) !important;
    color: var(--light-text) !important;
}

/* AdminLTE navbar açık tema */
body.light-mode .navbar-light,
body.light-mode .navbar-white {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--light-border) !important;
}

body.light-mode .navbar-light .navbar-nav .nav-link,
body.light-mode .navbar-white .navbar-nav .nav-link {
    color: var(--light-text) !important;
}

body.light-mode .navbar-light .navbar-nav .nav-link:hover,
body.light-mode .navbar-white .navbar-nav .nav-link:hover {
    color: #0056b3 !important;
}

/* Sidebar açık tema */
body.light-mode .main-sidebar,
body.light-mode .sidebar-light-primary {
    background-color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22) !important;
}

body.light-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link {
    color: var(--light-text) !important;
}

body.light-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #0056b3 !important;
}

/* Content alanı açık tema (özel gövde rengi varken varsayılanı uygulama) */
body.light-mode:not(.user-custom-body):not(.has-user-body-color) .content-wrapper {
    background-color: #f4f6f9 !important;
    color: var(--light-text) !important;
}

body.light-mode:not(.user-custom-body):not(.has-user-body-color) .content {
    background-color: transparent !important;
}

/* Kartlar açık tema */
body.light-mode .card {
    background-color: var(--light-surface) !important;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2) !important;
    border: 1px solid var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-mode .card-header {
    background-color: #f4f6f9 !important;
    border-bottom: 1px solid var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-mode .card-body {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
}

body.light-mode .card-footer {
    background-color: #f4f6f9 !important;
    border-top: 1px solid var(--light-border) !important;
    color: var(--light-text) !important;
}

/* Tablolar açık tema */
body.light-mode .table {
    color: var(--light-text) !important;
    background-color: var(--light-surface) !important;
}

body.light-mode .table th {
    background-color: #343a40 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #007bff !important;
}

body.light-mode .table td {
    border-top: 1px solid var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

/* Form elemanları açık tema */
body.light-mode .form-control {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-color: var(--light-border) !important;
}

body.light-mode .form-control:focus {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

body.light-mode .form-control::placeholder {
    color: var(--light-text-muted) !important;
}

body.light-mode .form-select {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-color: var(--light-border) !important;
}

body.light-mode .input-group-text {
    background-color: #e9ecef !important;
    color: var(--light-text) !important;
    border-color: var(--light-border) !important;
}

/* Footer açık tema */
body.light-mode .main-footer {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-top-color: var(--light-border) !important;
}

/* ====================================
   TURUNCU TEMA - DARK MODE UYUMU
   ==================================== */

/* Dark mode'da turuncu primary rengi */
body.dark-mode .bg-primary {
    background-color: var(--primary-orange) !important;
}

body.dark-mode .text-primary {
    color: var(--primary-orange-light) !important;
}

body.dark-mode .btn-primary {
    background-color: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

body.dark-mode .btn-primary:hover {
    background-color: var(--primary-orange-dark) !important;
    border-color: var(--primary-orange-dark) !important;
}

/* Dark mode'da aktif sidebar linkleri turuncu */
body.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-orange) !important;
    color: #ffffff !important;
}

body.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon {
    color: #ffffff !important;
}

/* Dark mode'da small-box'lar */
body.dark-mode .small-box.bg-primary {
    background-color: var(--primary-orange) !important;
}

/* Dark mode'da card header'lar */
body.dark-mode .card-header.bg-primary {
    background-color: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

/* Dark mode'da badge'ler */
body.dark-mode .badge-primary {
    background-color: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

/* Dark mode'da info-box'lar */
body.dark-mode .info-box-icon.bg-primary {
    background-color: var(--primary-orange) !important;
}

/* Dark mode'da pagination */
body.dark-mode .pagination .page-item.active .page-link {
    background-color: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

/* Dark mode'da link hover */
body.dark-mode a:hover {
    color: var(--primary-orange-light) !important;
}

/* Dark mode'da focus durumu turuncu */
body.dark-mode .form-control:focus {
    border-color: var(--primary-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.25) !important;
}