/* =========================================
   SAİD CAN - DİJİTAL KALE ANA STİL DOSYASI
   ========================================= */

/* 1. KONTROL MERKEZİ (Sadece burayı değiştirerek tüm siteyi yönetebilirsin) */
:root {
    --primary-color: #4f46e5; /* Ana Marka Rengi (Modern İndigo) */
    --primary-hover: #4338ca;
    --bg-color: #f3f4f6; /* Sayfa Arka Planı (Göz yormayan açık gri) */
    --surface-color: #ffffff; /* Kartların ve Blokların Rengi */
    --text-main: #111827; /* Ana Yazı Rengi */
    --text-muted: #6b7280; /* Pasif/Silik Yazı Rengi */
    
    --border-radius: 16px; /* Kutuların köşe ovalliği (2026 modası) */
    --shadow-soft: 0 10px 15px -3px rgba(0, 0, 0, 0.05); /* Modern yumuşak gölge */
    
    --font-family: 'Inter', system-ui, sans-serif; /* Süper hızlı ve modern yazı tipi */
}

/* 2. TEMEL SIFIRLAMA VE GÖVDE */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-color);
    color: var(--text-main);
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased; /* Yazıları cam gibi netleştirir */
}

/* 3. ANA İSKELET (Sağ - Orta - Sol Blok Izgarası) */
.master-container {
    max-width: 1400px; /* PC ekranlarında maksimum genişlik */
    margin: 0 auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 280px 1fr 320px; /* Sol: 280px, Orta: Kalan Yer, Sağ: 320px */
    gap: 30px;
}

/* 4. MODÜLER KART TASARIMI (Tüm paneller bu cam gibi kartların içinde olacak) */
.glass-card {
    background-color: var(--surface-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-soft);
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5); /* Hafif parlaklık efekti */
}

/* 5. %100 MOBİL UYUM (Sihirli Kısım) */
@media (max-width: 1024px) {
    /* Tablet ve Telefonlarda sağ ve sol bloğu gizle/alta at, sadece akışı göster */
    .master-container {
        grid-template-columns: 1fr; /* Tek sütuna düşür */
        padding: 10px;
    }
    .left-sidebar, .right-sidebar {
        display: none; /* Mobilde yan menüleri gizle (İleride hamburger menüye bağlayacağız) */
    }
}