/* =========================================
   İYTE ÇATI - DYNAMIC THEME SYSTEM (v6.1 FINAL)
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

:root {
    /* --- 1. CORE PALETTE (DARK MODE DEFAULT) --- */
    --font-main: 'Outfit', sans-serif;

    --bg-body: #050505;
    --bg-card: #121212;
    --bg-nav: rgba(5, 5, 5, 0.85);
    
    --text-main: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.65);
    
    /* VARSAYILAN TEMA (Ana Sayfa): İYTE Kırmızısı */
    --accent: #E50914; 
    --accent-hover: #ff1e1e;
    --accent-glow: rgba(229, 9, 20, 0.4);
    
    --border: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.2);
    
    --input-bg: rgba(255, 255, 255, 0.03);
    --input-group-bg: rgba(255, 255, 255, 0.08);
    --hover-bg: rgba(255, 255, 255, 0.05);

    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
    --glass-effect: blur(16px) saturate(180%);
}

/* --- DİNAMİK SAYFA TEMALARI (RENK DEĞİŞTİRİCİ) --- */

/* Atölye Sayfası (YEŞİL) */
body.theme-green {
    --accent: #198754; /* Success Green */
    --accent-hover: #20c997;
    --accent-glow: rgba(25, 135, 84, 0.4);
}

/* Pazaryeri / Akademi Sayfası (MAVİ) */
body.theme-blue {
    --accent: #0d6efd; /* Primary Blue */
    --accent-hover: #3d8bfd;
    --accent-glow: rgba(13, 110, 253, 0.4);
}

/* Meydan Sayfası (MOR) */
body.theme-purple {
    --accent: #8e44ad; /* Wisteria Purple */
    --accent-hover: #9b59b6;
    --accent-glow: rgba(142, 68, 173, 0.4);
}

/* --- LIGHT MODE AYARLARI --- */
[data-theme="light"] {
    --bg-body: #f3f4f6;
    --bg-card: #ffffff;
    --bg-nav: rgba(255, 255, 255, 0.95);

    --text-main: #111827;
    --text-muted: #4b5563;

    /* Light Mode Varsayılan Kırmızı */
    --accent: #dc2626;
    --accent-hover: #b91c1c;
    --accent-glow: rgba(220, 38, 38, 0.2);

    --border: #e5e7eb;
    --border-hover: #d1d5db;

    --input-bg: #ffffff;
    --input-group-bg: #f9fafb;
    --hover-bg: rgba(0, 0, 0, 0.05);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Light Mode Tema Renk Düzeltmeleri */
[data-theme="light"] body.theme-green { --accent: #198754; --accent-glow: rgba(25, 135, 84, 0.2); }
[data-theme="light"] body.theme-blue { --accent: #0d6efd; --accent-glow: rgba(13, 110, 253, 0.2); }
[data-theme="light"] body.theme-purple { --accent: #8e44ad; --accent-glow: rgba(142, 68, 173, 0.2); }


/* --- OVERRIDES FOR READABILITY & COMPATIBILITY --- */

/* 1. Anonim İkon ve Renk Düzeltmeleri */
.text-purple {
    color: #9b59b6 !important; /* Dark Mode: Açık Mor */
}
[data-theme="light"] .text-purple {
    color: #6f42c1 !important; /* Light Mode: Koyu Mor */
}
[data-theme="light"] .text-info {
    color: #055160 !important; /* Koyu Turkuaz */
}

/* 2. Meydan Yorum Balonları (KRİTİK DÜZELTME) */
[data-theme="light"] #commentsList .bg-dark {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-main) !important;
}
[data-theme="light"] #commentsList .bg-dark p,
[data-theme="light"] #commentsList .bg-dark h6 {
    color: var(--text-main) !important;
}
[data-theme="light"] #commentsList .bg-dark small,
[data-theme="light"] #commentsList .bg-dark p.small {
    color: var(--text-muted) !important;
}

/* 3. Bootstrap Bileşenleri (Modal & Dropdown) */
[data-theme="light"] .modal-content {
    background-color: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-main);
}
[data-theme="light"] .dropdown-menu {
    background-color: var(--bg-card);
    border: 1px solid var(--border);
}
[data-theme="light"] .dropdown-item {
    color: var(--text-main);
}
[data-theme="light"] .dropdown-item:hover {
    background-color: var(--hover-bg);
}
/* Modal Kapatma Butonu */
.btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="light"] .btn-close { filter: none; }

/* --- GLOBAL STYLES --- */
body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: var(--font-main);
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; transition: all 0.2s; }

/* Navbar */
.glass-nav {
    background: var(--bg-nav);
    backdrop-filter: var(--glass-effect);
    -webkit-backdrop-filter: var(--glass-effect);
    border-bottom: 1px solid var(--border);
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.3s ease;
}

.nav-link {
    color: var(--text-muted) !important;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 0.5rem 1rem !important;
    border-radius: 50px;
    transition: all 0.2s ease;
}

/* Nav Link Hover/Active Rengi Artık Temaya Göre Dinamik Değişir */
.nav-link:hover, .nav-link.active {
    color: var(--accent) !important; /* text-main yerine accent yapıldı */
    background: var(--hover-bg);
}

/* Navbar Brand (Logo) Rengi */
.navbar-brand {
    color: var(--accent) !important;
    font-weight: 700;
}

/* Cards */
.card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    border-color: var(--accent) !important; /* Hover olunca tema rengi yansın */
    box-shadow: var(--shadow-lg);
}

.card-header, .card-footer {
    background-color: transparent !important;
    border-color: var(--border) !important;
}

/* Buttons & Inputs */
/* Hem Primary hem Danger butonlarını Tema Rengine Bağladık */
.btn-danger, .btn-primary {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    border: none;
    box-shadow: 0 4px 14px var(--accent-glow);
    font-weight: 600;
    color: #fff !important;
    transition: all 0.2s;
}

.btn-danger:hover, .btn-primary:hover {
    background-color: var(--accent-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px var(--accent-glow);
}

.btn-outline-custom, .btn-outline-primary {
    color: var(--text-main);
    border: 1px solid var(--border);
    backdrop-filter: blur(4px);
}

.btn-outline-custom:hover, .btn-outline-primary:hover {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
    transform: translateY(-2px);
}

.form-control, .form-select, .input-group-text {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-main) !important;
    border-radius: 10px;
}
.form-control:focus, .form-select:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 4px var(--accent-glow) !important;
}
.input-group-text { background-color: var(--input-group-bg) !important; }

::placeholder { color: var(--text-muted) !important; opacity: 0.6; }

/* Checkbox Fix */
.form-check-input {
    background-color: var(--input-bg);
    border: 1px solid var(--border);
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}
.form-check-input:checked {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/* Dropdown Seçenekleri */
.form-select option {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
}

/* Badge (Etiketler) */
.badge {
    background-color: var(--accent) !important;
    color: #fff;
}

/* Utilities */
.text-gradient {
    background: linear-gradient(135deg, #fff 0%, #aaa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme="light"] .text-gradient {
    background: linear-gradient(135deg, #000 0%, #444 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hover-scale { transition: transform 0.2s; }
.hover-scale:hover { transform: scale(1.05); }

/* NProgress */
#nprogress .bar {
    background: var(--accent) !important;
    height: 3px !important;
    box-shadow: 0 0 10px var(--accent), 0 0 5px var(--accent);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-body); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #ccc; }

/* SweetAlert Fix */
div:where(.swal2-container) { z-index: 10000 !important; }

/* =========================================
   MOBİL VE RESPONSIVE İYİLEŞTİRMELER
   ========================================= */

/* 1. Navbar Mobil Optimizasyonu */
@media (max-width: 991.98px) {
    /* Mobilde Navbar yüksekliğini azalt */
    .glass-nav {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    
    /* Logo metnini biraz küçült */
    .navbar-brand span {
        font-size: 1.1rem;
    }

    /* Mobilde Açılan Menü (Collapse) Performans Ayarı */
    .navbar-collapse {
        background-color: var(--bg-card);
        padding: 1rem;
        border-radius: 12px;
        margin-top: 10px;
        border: 1px solid var(--border);
        box-shadow: var(--shadow-lg);
        
        max-height: 75vh;
        overflow-y: auto;
        
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* Dropdown menülerin mobildeki görünümü */
    .navbar-nav .dropdown-menu {
        background-color: var(--input-bg) !important;
        border: none !important;
        margin-top: 0.5rem;
        box-shadow: none;
        padding-left: 1rem;
    }
}

/* 2. Tablo ve Kart Listeleri için Kaydırma */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    border-radius: 8px;
}

/* Kaydırma Çubuğu Özelleştirme */
.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: var(--input-bg);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Kartların Mobilde Taşmasını Önleme */
.card {
    max-width: 100%;
    overflow-wrap: break-word;
}/ *   F i l t e r   B u t t o n   S t y l i n g   ( M e y d a n   S t y l e )   * /  
 . f i l t e r - b t n   {  
         b a c k g r o u n d :   v a r ( - - i n p u t - b g ) ;  
         b o r d e r :   1 p x   s o l i d   v a r ( - - b o r d e r ) ;  
         c o l o r :   v a r ( - - t e x t - m u t e d ) ;  
         p a d d i n g :   8 p x   2 0 p x ;  
         b o r d e r - r a d i u s :   5 0 p x ;  
         f o n t - w e i g h t :   6 0 0 ;  
         f o n t - s i z e :   0 . 9 5 r e m ;  
         c u r s o r :   p o i n t e r ;  
         t r a n s i t i o n :   a l l   0 . 3 s   c u b i c - b e z i e r ( 0 . 4 ,   0 ,   0 . 2 ,   1 ) ;  
         b a c k d r o p - f i l t e r :   b l u r ( 4 p x ) ;  
         d i s p l a y :   i n l i n e - f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         g a p :   8 p x ;  
 }  
  
 . f i l t e r - b t n : h o v e r   {  
         b a c k g r o u n d :   v a r ( - - h o v e r - b g ) ;  
         c o l o r :   v a r ( - - t e x t - m a i n ) ;  
         t r a n s f o r m :   t r a n s l a t e Y ( - 2 p x ) ;  
         b o r d e r - c o l o r :   v a r ( - - a c c e n t ) ;  
 }  
  
 . f i l t e r - b t n . a c t i v e   {  
         b a c k g r o u n d :   v a r ( - - a c c e n t ) ;  
         b o r d e r - c o l o r :   v a r ( - - a c c e n t ) ;  
         c o l o r :   w h i t e ;  
         b o x - s h a d o w :   0   4 p x   1 5 p x   v a r ( - - a c c e n t - g l o w ) ;  
         t r a n s f o r m :   t r a n s l a t e Y ( - 1 p x ) ;  
 }  
 