:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary:#f59e0b;--success:#10b981;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-card:#ffffff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#ffffff;--border:#e5e7eb;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
[data-theme="dark"]{--bg-primary:#000000;--bg-secondary:#111111;--bg-card:#1a1a1a;--text-primary:#ffffff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-light:#ffffff;--border:#374151}
html{scrollbar-gutter:stable;}
img,video{max-width:100%;height:auto;}

body{font-family:'Segoe UI', system-ui, -apple-system, sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;font-size:14px;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;}
.header{background:#000000;border-bottom:2px solid var(--primary);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-lg);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:80px;}
.logo img{height:60px;width:280px;max-width:280px;transition:var(--transition);}
.logo img:hover{transform:scale(1.05);}
.nav{display:flex;gap:30px;}
.nav-link{color:var(--text-light);text-decoration:none;font-weight:600;padding:10px 0;position:relative;transition:var(--transition);white-space:nowrap;font-size:15px;text-transform:uppercase;letter-spacing:0.5px;}
.nav-link:hover{color:var(--primary-light);transform:translateY(-2px);}
.nav-link.active{color:var(--primary);}
.nav-link.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);border-radius:2px;}
.header-tools{display:flex;align-items:center;gap:15px;}
.search{display:flex;background:var(--bg-secondary);border-radius:25px;overflow:hidden;max-width:300px;width:100%;border:2px solid transparent;transition:var(--transition);}
.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgb(37 99 235 / 0.1);}
.search input{border:none;background:none;padding:12px 20px;width:100%;color:var(--text-primary);outline:none;flex:1;font-size:14px;}
.search input::placeholder{color:var(--text-muted);}
.search button{border:none;background:var(--primary);color:white;padding:12px 20px;cursor:pointer;transition:var(--transition);flex-shrink:0;}
.search button:hover{background:var(--primary-dark);transform:scale(1.05);}
.theme-btn{background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;padding:12px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
.theme-btn:hover{background:var(--primary);color:white;border-color:var(--primary);transform:rotate(15deg);}
.main{padding:30px 0;width:100%;min-height:calc(100vh - 200px);}
.news-main .news-content h3{font-size:22px;margin-bottom:15px;line-height:1.3;font-weight:700;color:var(--text-primary);}
.main-layout{display:grid;grid-template-columns:1fr 350px;gap:40px;width:100%;align-items:start;}
.program-content h3{font-size:17px;margin-bottom:10px;line-height:1.3;font-weight:600;color:var(--text-primary);}
.tab-button.active{background:var(--primary);color:white;box-shadow:var(--shadow);}
.tab-button:hover:not(.active){background:var(--bg-card);color:var(--text-primary);}
.tab-content.active{display:block;}
.footer-section a{display:block;color:#d1d5db;text-decoration:none;padding:8px 0;transition:var(--transition);font-size:14px;font-weight:500;}
.footer-section a:hover{color:var(--primary-light);transform:translateX(5px);}
.liste-breadcrumb a{color:var(--text-primary);text-decoration:none;transition:var(--transition);}
.liste-breadcrumb a:hover{color:var(--primary);}
.liste-baslik h1{font-size:2.5rem;margin-bottom:15px;position:relative;z-index:1;}
.liste-baslik h1 i{margin-right:15px;opacity:0.9;}
.liste-icerik h3{font-size:1.2rem;margin-bottom:10px;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.liste-sidebar-kart h3{margin-bottom:20px;font-size:1.3rem;color:var(--text-primary);padding-bottom:10px;border-bottom:2px solid var(--primary);}
.liste-bos h3{margin-bottom:10px;color:var(--text-primary);}
.liste-bos .btn{margin-top:20px;}
.detay-breadcrumb a{color:var(--text-primary);text-decoration:none;transition:var(--transition);}
.detay-breadcrumb a:hover{color:var(--primary);}
.detay-baslik h1{font-size:2.2rem;line-height:1.3;margin-bottom:20px;color:var(--text-primary);font-weight:700;}
.detay-icerik h2, .detay-icerik h3{margin:2rem 0 1rem;color:var(--text-primary);}
.detay-icerik li{margin-bottom:0.5rem;}
.detay-galeri h3{margin-bottom:20px;font-size:1.4rem;color:var(--text-primary);}
.detay-benzer-icerik h3{font-size:1.1rem;margin-bottom:10px;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.detay-sidebar-kart h3{margin-bottom:20px;font-size:1.2rem;color:var(--text-primary);padding-bottom:10px;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:10px;}
.detay-sidebar-kart h3 i{color:var(--primary);}
.detay-baslik h1{font-size:2rem;line-height:1.3;margin-bottom:15px;color:var(--text-primary);font-weight:700;}
.sayfa-breadcrumb a{color:var(--text-primary);text-decoration:none;transition:var(--transition);}
.sayfa-breadcrumb a:hover{color:var(--primary);}
.sayfa-baslik{text-align:center;margin-bottom:40px;padding:40px 0;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:white;border-radius:var(--radius-lg);position:relative;overflow:hidden;}
.sayfa-baslik::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);}
.sayfa-baslik h1{font-size:2.5rem;margin-bottom:15px;position:relative;z-index:1;}
.sayfa-baslik h1 i{margin-right:15px;opacity:0.9;}
.form-grup input,
.form-grup select,
.form-grup textarea{width:100%;padding:12px 15px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:var(--transition);}
.form-grup input:focus,
.form-grup select:focus,
.form-grup textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgb(37 99 235 / 0.1);}
.gizlilik-bolum h2{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary);display:flex;align-items:center;gap:10px;}
.gizlilik-bolum h2 i{color:var(--primary);}
.gizlilik-bolum li{margin-bottom:8px;line-height:1.5;}
.sss-arama input{width:100%;padding:15px 50px 15px 20px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:16px;}
.sss-soru h3{flex:1;margin:0;font-size:1.1rem;color:var(--text-primary);}
.arama-formu h1{margin-bottom:20px;color:var(--text-primary);}
.arama-giris input{flex:1;padding:15px 20px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:16px;}
.arama-giris button{background:var(--primary);color:white;border:none;padding:15px 25px;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);}
.arama-giris button:hover{background:var(--primary-dark);}
.arama-filtreler input{margin:0;}
.arama-icerik h3{margin-bottom:10px;color:var(--text-primary);font-size:1.2rem;}
.populer-etiketler a{background:var(--bg-secondary);color:var(--text-primary);padding:8px 15px;border-radius:20px;text-decoration:none;font-size:0.9rem;transition:var(--transition);}
.populer-etiketler a:hover{background:var(--primary);color:white;}
.program-breadcrumb a{color:#555;text-decoration:none;}
.program-breadcrumb a:hover,
.program-breadcrumb a:focus{text-decoration:underline;}
.program-baslik h1{font-size:2.5rem;margin-bottom:15px;color:var(--text-primary);line-height:1.2;font-weight:700;}
.rating-stars .fa-star.active{color:#fbbf24;}
.glass-card h2{margin-bottom:20px;font-size:1.4rem;color:var(--text-primary);display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:2px solid var(--primary);}
.glass-card h2 i{color:var(--primary);}
.sistem-platform h3{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text-primary);}
.sistem-platform h3 i{color:var(--primary);}
.detay-icerik h3{margin:25px 0 15px;color:var(--text-primary);}
.detay-icerik li{margin-bottom:8px;}
.form-grup input, .form-grup textarea{flex:1;padding:12px 15px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;}
.sidebar-kart h3{margin-bottom:20px;font-size:1.2rem;color:var(--text-primary);display:flex;align-items:center;gap:10px;}
.yildizlar .fa-star.hover,
.yildizlar .fa-star.active{color:#fbbf24;}
.kullanici-rating-kutu-yan .yildizlar-yan .fas.fa-star.ortalama-dolu-yan{color:rgba(255,255,255,0.3);}
.kullanici-rating-kutu-yan .yildizlar-yan .fas.fa-star.kullanici-dolu-yan{color:#fbbf24;}
.program-video h2{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary);font-size:1.4rem;}
.program-video h2 i{color:#ff0000;}
.haber-galeri-baslik h3{color:#2c3e50;font-size:1.4em;margin:0;display:flex;align-items:center;gap:10px;}
.haber-galeri-baslik h3 i{color:#6c5ce7;}
.haber-lightbox-actions button{background:rgba(255,255,255,0.2);border:none;color:white;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background 0.3s ease;}
.haber-lightbox-actions button:hover{background:rgba(255,255,255,0.3);}
.glass-card h2 {border-bottom: none !important; padding-bottom: 0 !important;}
/* Video container için minimum yükseklik */
.video-container {
    min-height: 200px;
}

/* Galeri resimleri için aspect ratio */
.haber-galeri-resim {
    aspect-ratio: 4 / 3;
}
.haber-galeri-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Kapak resmi için aspect ratio */
.detay-kapak img {
    width: 100%;
    height: auto;
    aspect-ratio: 800 / 400;
}

/* Font Awesome simgeleri için sabit genişlik */
.fa, .fas, .far, .fab {
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
    text-align: center;
}
.detay-icerik img {
    max-width: 100%;
    height: auto;
    aspect-ratio: auto; /* width/height yoksa kendi oranını kullan */
}
/* 1. İskelet Sabitleyici (Sağ Menünün Kayan Menü Gibi Gelmesini Engeller) */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.row, .main-content-row, .haber-grid { display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-start; }

/* İçerik ve Sağ Menü Genişlikleri (İlk salisede yerlerini ayırır, birbirine girmesini engeller) */
.haber-detay-sol, .icerik-alani, .col-lg-8 { flex: 1 1 0%; min-width: 0; }
.haber-detay-sag, .sag-menu, .sidebar, .col-lg-4 { width: 320px; flex-shrink: 0; position: sticky; top: 100px; }

/* 2. Resim Zıplamalarını Engelleyici (Aşağı-Yukarı Kaymayı Çözer) */
img { max-width: 100%; height: auto; display: block; }

/* Haberin kapak resmi yüklenene kadar sayfayı aşağı itmesini engeller (Yer tutucu) */
.haber-kapak-resmi, .detay-img, .haber-resim-kapsayici { 
    width: 100%; 
    aspect-ratio: 16/9; /* Resim yüklenmeden önce ekranda 16:9'luk bir boşluk bırakır */
    background-color: var(--bg-secondary, #f8fafc); 
    object-fit: cover; 
    border-radius: var(--radius, 8px);
}

/* Mobilde Sağ Menüyü Alta Al (Tasarımın patlamasını engeller) */
@media (max-width: 992px) {
    .row, .main-content-row, .haber-grid { flex-direction: column; }
    .haber-detay-sag, .sag-menu, .sidebar, .col-lg-4, .program-sidebar, .detay-sidebar { width: 100% !important; margin-top: 30px; position: static !important; }
    .main-layout { grid-template-columns: 1fr; }
}
pre, code {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-x: auto !important;
    max-width: 100% !important;
}
        /* Font Awesome yazı tipleri için font-display: swap; (CLS için) */
        @font-face {
            font-family: 'Font Awesome 6 Free';
            font-display: swap;
        }
        @font-face {
            font-family: 'Font Awesome 6 Brands';
            font-display: swap;
        }
        
        /* ========== SAĞ MENÜ CLS FİX (Resimler yüklenmeden yer kaplasın) ========== */
        .detay-populer-oge,
        .detay-son-oge {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-bottom: 16px !important;
            min-height: 70px !important; /* Sabit yükseklik, kayma yok */
        }
        .detay-populer-resim,
        .detay-son-resim {
            width: 50px !important;
            height: 50px !important;
            flex-shrink: 0 !important;
            object-fit: cover !important;
            border-radius: 8px !important;
            background: #f0f2f5 !important; /* Yüklenene kadar boşluk rengi */
        }
        .detay-populer-resim.yok,
        .detay-son-resim.yok {
            width: 50px !important;
            height: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #e9ecef !important;
            border-radius: 8px !important;
            flex-shrink: 0 !important;
        }
        .detay-populer-sira {
            width: 28px !important;
            height: 28px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #3498db !important;
            color: white !important;
            border-radius: 50% !important;
            font-size: 14px !important;
            font-weight: bold !important;
            flex-shrink: 0 !important;
        }
        .detay-populer-bilgi,
        .detay-son-bilgi {
            flex: 1 !important;
        }
        .detay-populer-bilgi h4,
        .detay-son-bilgi h4 {
            margin: 0 0 4px 0 !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
            color: #2c3e50 !important;
        }
        .detay-son-tarih {
            font-size: 11px !important;
            color: #7f8c8d !important;
        }
.detay-populer-oge, .detay-son-oge {
    min-height: 70px !important;
}
.program-layout { display: flex; flex-wrap: wrap; align-items: flex-start; }
    .program-main { flex: 1; min-width: 0; } /* Bu 'min-width: 0' reklamın genişlemesini engeller */
    .program-sidebar { width: 350px; flex-shrink: 0; }
	.row { display: flex; flex-wrap: wrap; }
    .col-lg-8, .col-md-8 { flex: 1; min-width: 0; } /* Sol sütunun reklam yüzünden şişmesini engeller */
    .col-lg-4, .col-md-4 { flex-shrink: 0; } /* Sağ menüyü yerine çiviler */
	.detay-layout { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px; }
    .detay-icerik-taraf { flex: 1; min-width: 0; } /* Sol sütunun reklam yüzünden şişmesini engeller */
    .detay-sidebar { width: 320px; flex-shrink: 0; } /* Sağ menüyü yerine çiviler */
    @media (max-width: 992px) { .detay-sidebar { width: 100%; } }
	.liste-ana-baslik {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 25px;
    color: #222;
    border-left: 6px solid #ff6600;
    padding-left: 15px;
}
@media (max-width: 768px) {
    /* Yatay reklam slotları için */
    .adsbygoogle[data-ad-format="horizontal"] {
        min-height: 50px !important;
    }
    /* Kare/auto reklam slotları için */
    .adsbygoogle[data-ad-format="auto"],
    .adsbygoogle[data-ad-format="fluid"],
    .adsbygoogle[data-ad-format="autorelaxed"] {
        min-height: 280px !important;
    }
    /* Sidebar reklamları için */
    .detay-sidebar .adsbygoogle,
    .program-sidebar .adsbygoogle {
        min-height: 280px !important;
    }
}