:root[data-bs-theme="dark"] { 
            --bg-body: #1a1c21; --bg-antrasit: #24272e; --text-main: #e2e8f0; --border-color: #343842; --accent: #e50914;
         --accent-rgb: 229, 9, 20; }
        :root[data-bs-theme="light"] { 
            --bg-body: #f8f9fa; --bg-antrasit: #ffffff; --text-main: #1a1c21; --border-color: #dee2e6; --accent: #e50914;
         --accent-rgb: 229, 9, 20; }
/* ==========================================================================
   GLOBAL UTILITY & COMPONENT CLASSES
   ========================================================================== */
.auth-input {
    background: var(--bg-body) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
    border-radius: 10px;
    padding: 10px;
}
.auth-input:focus {
    border-color: var(--accent) !important;
    box-shadow: none !important;
    outline: 0;
}

.btn-accent {
    background: var(--accent) !important;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 700;
    transition: 0.2s;
}
.btn-accent:hover {
    opacity: 0.9;
    color: #fff !important;
    transform: translateY(-2px);
}

.xx-small {
    font-size: 0.7rem;
    letter-spacing: 1px;
}

.bg-accent { background-color: var(--accent) !important; }
.bg-accent-subtle { background-color: rgba(var(--accent-rgb), 0.1) !important; }
.text-accent { color: var(--accent) !important; }
.border-accent { border-color: var(--accent) !important; }
/* ========================================================================== */

        body { background-color: var(--bg-body); color: var(--text-main); font-family: 'Inter', sans-serif; min-height: 100vh; display: flex; flex-direction: column; transition: none; overflow-x: hidden; font-size: 0.9rem; }
        /* --- TAMPON GENİŞLİK (DEVE GİBİ OLMASIN DİYE) --- */
        @media (min-width: 1400px) {
            .container {
                max-width: 1440px !important; /* 1700'den 1440'a çektik, daha oturaklı durur */
            }
        }
        /* Sidebar ve İçerik Arasındaki Boşluk */
        .main-row {
            --bs-gutter-x: 2.5rem !important; /* Mesafe Sidebar'ı boğmasın diye artırıldı */
        }
        .navbar { background: var(--bg-antrasit); border-bottom: 1px solid var(--border-color); }
        .nav-link { color: var(--text-main) !important; opacity: 0.8; font-weight: 600; }
        .bg-card { background: var(--bg-antrasit); border-radius: 12px; border: 1px solid var(--border-color); }
        .footer { background: var(--bg-antrasit); border-top: 1px solid var(--border-color); padding: 40px 0; margin-top: auto; }
        .theme-toggle { cursor: pointer; font-size: 1.1rem; color: var(--text-main); }
    /* Form Elemanları */
    /* Editör Fix */
    .dle-editor-container textarea {
        background: var(--bg-body) !important;
        border: 1px solid var(--border-color) !important;
        color: var(--text-main) !important;
        padding: 15px;
        border-radius: 10px;
        min-height: 150px;
        width: 100% !important;
    }
    /* Sosyal Butonlar Mini */
    .social-btn.sm { width: 32px; height: 32px; font-size: 0.9rem; }
    /* Buton */
    /* Switch Ayarı */
    .form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
    .form-check-input { background-color: var(--bg-body); border-color: var(--border-color); }
    .border-dashed { border-style: dashed !important; }
    /* Captcha Fix */
    .captcha-img img { cursor: pointer; border-radius: 4px; max-height: 38px; }
.custom-input, .custom-select-wrapper select, .xfields-wrapper input[type="text"], .xfields-wrapper textarea { 
    background-color: var(--bg-body) !important; color: var(--text-main) !important; border: 1px solid var(--border-color) !important; transition: border-color 0.15s ease-in-out; 
}
.custom-input:focus, .custom-select-wrapper select:focus, .xfields-wrapper input[type="text"]:focus, .xfields-wrapper textarea:focus { 
    border-color: var(--accent) !important; box-shadow: 0 0 0 0.25rem rgba(var(--accent-rgb), 0.25) !important; outline: 0; 
}
.custom-select-wrapper select { width: 100%; border-radius: 0.375rem; padding: 0.375rem 0.75rem; }
.admin-checkboxes label { display: block; margin-bottom: 0.5rem; cursor: pointer; color: var(--text-main); }
.admin-checkboxes input[type="checkbox"] { margin-right: 0.5rem; }
.xfields-wrapper input[type="text"], .xfields-wrapper textarea { width: 100%; border-radius: 0.375rem; padding: 0.375rem 0.75rem; margin-top: 5px; margin-bottom: 10px; }
    /* Liste Temizliği */
    .catmenu-list, .sub-menu-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    /* Kategori Link Yapısı */
    .cat-link {
        color: var(--text-main);
        text-decoration: none;
        padding: 10px 15px;
        border-radius: 10px;
        transition: all 0.25s ease;
        font-size: 0.95rem;
        font-weight: 500;
        margin-bottom: 4px;
        border: 1px solid transparent;
        display: flex;
    }
    .cat-link:hover {
        background: rgba(var(--accent-rgb), 0.08);
        color: var(--accent) !important;
        border-color: rgba(var(--accent-rgb), 0.15);
    }
    /* Aktif Kategori Vurgusu */
    .active-item > .cat-link {
        background: var(--accent);
        color: #fff !important;
        box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.25);
        border-color: var(--accent);
    }
    /* Sağ Yaslı Sayı Rozeti */
    .badge-count {
        font-size: 0.7rem;
        background: rgba(128, 128, 128, 0.15);
        color: var(--text-main);
        padding: 2px 8px;
        border-radius: 6px;
        font-weight: 700;
        min-width: 30px;
        text-align: center;
        transition: 0.2s;
    }
    /* Aktif Kategoride Sayı Rozeti Rengi */
    .active-item > .cat-link .badge-count {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
    }
    /* Alt Menü Hiyerarşisi */
    .sub-menu-list {
        margin-left: 20px;
        padding-left: 10px;
        border-left: 1px solid var(--border-color);
        margin-top: 2px;
        margin-bottom: 8px;
    }
    .sub-menu-list .cat-link {
        padding: 7px 12px;
        font-size: 0.85rem;
        opacity: 0.8;
    }
    /* İkon Boyutları */
    .cat-icon {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }
    .small-icon {
        font-size: 0.75rem;
    }
    /* Yorum Tasarım Fixleri */
    .comment-item { transition: none; }
    .action-link {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
        opacity: 0.7;
    }
    .action-link:hover { opacity: 1; }
    /* DLE'nin Mass Action Checkbox'ını Antrasit Yapalım */
    .mass-select-wrap input[type="checkbox"] {
        accent-color: var(--accent);
        width: 16px; height: 16px;
    }
    /* Resim Galeri Fix */
    .comment-gallery img {
        max-width: 150px;
        height: auto;
        border-radius: 6px;
        margin: 5px;
        border: 1px solid var(--border-color);
    }
    /* Ağaç yapısında dikey çizgi efekti (Senior dokunuşu) */
    [childrencomments] {
        position: relative;
    }
    [childrencomments]::before {
        content: "";
        position: absolute;
        left: -20px;
        top: -20px;
        bottom: 20px;
        width: 2px;
        background: var(--border-color);
        opacity: 0.5;
    }
    .cursor-pointer { cursor: pointer; }
    /* Hızlı Arama Sonuçları İçin Özel Düzeltmeler */
    .fast-search-item {
        background: transparent;
        color: var(--text-main);
    }
    /* Hover durumunda antrasit veya light mod uyumu */
    .fast-search-item:hover {
        background: rgba(128, 128, 128, 0.08);
    }
    .fast-search-item:hover .text-main {
        color: var(--accent) !important;
    }
    .fast-search-item:hover .opacity-25 {
        opacity: 1 !important;
        color: var(--accent);
    }
    /* DLE'nin hızlı arama kutusunu (dropdown) genel olarak terbiye edelim */
    #dle-search-results {
        background: var(--bg-antrasit) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
        overflow: hidden;
        margin-top: 5px;
        z-index: 9999;
    }
    /* "Tümünü Göster" butonu için (DLE'nin otomatik eklediği kısım) */
    #dle-search-results .search-all-link {
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 0.75rem;
        font-weight: bold;
        background: var(--bg-body);
        color: var(--accent);
        text-decoration: none;
        text-transform: uppercase;
    }
    /* Spacing & Layout */
    @media (min-width: 992px) { .feedback-page { padding-right: 3rem !important; } }
    /* Input Tasarımı */
    /* DLE'nin bastığı select box için fix */
    .custom-select-wrap select {
        width: 100%;
        background: var(--bg-body);
        border: 1px solid var(--border-color);
        color: var(--text-main);
        padding: 12px;
        border-radius: 10px;
        outline: none;
    }
    /* Dosya yükleme alanı */
    .border-dashed { border-style: dashed !important; }
    /* Buton */
    /* Captcha Fix */
    .captcha-img img { border-radius: 4px; max-height: 42px; }
    /* Fragman Butonu ve Mini Araçlar */
    .mini-tool-btn {
        width: 32px; height: 32px;
        background: var(--bg-body);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        display: flex; align-items: center; justify-content: center;
        font-size: 0.9rem; cursor: pointer; color: var(--text-main) !important;
        transition: none;
    }
    .mini-tool-btn:hover { border-color: var(--accent); color: var(--accent) !important; }
    /* --- MODAL VE KAPATMA BUTONU RE-DESIGN --- */
    .modal-content { background-color: var(--bg-antrasit) !important; }
    /* Temaya göre kapatma butonu rengini filtreleyelim */
    [data-bs-theme="dark"] .btn-close { filter: invert(1) grayscale(1) brightness(2); }
    [data-bs-theme="light"] .btn-close { filter: none; opacity: 0.8; }
    .btn-close:hover { opacity: 1; }
    .fw-black { font-weight: 900; }
    /* Editör Resim Fix */
    .full-text-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        margin: 15px 0;
        border: 1px solid var(--border-color);
    }
    /* Info Sayfası Özel Stilleri */
    .btn-info-back {
        background: var(--bg-body);
        border: 1px solid var(--border-color);
        color: var(--text-main);
        border-radius: 8px;
        transition: none; /* Animasyon istememiştin kanka */
        font-size: 0.75rem;
        letter-spacing: 1px;
    }
    .btn-info-back:hover {
        border-color: var(--accent);
        color: var(--accent);
        background: var(--bg-antrasit);
    }
    /* DLE'nin info içinden basabileceği linkleri terbiye edelim */
    .info-text a {
        color: var(--accent);
        text-decoration: none;
        font-weight: bold;
    }
    .info-text a:hover {
        text-decoration: underline;
    }
    /* Mobil Uyumu */
    @media (max-width: 576px) {
        .system-info-wrap .d-flex {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .info-icon-box {
            margin-bottom: 15px;
        }
    }
    .lastcomm-item {
        list-style: none;
        border-bottom: 1px solid var(--border-color);
        padding: 10px 0;
    }
    .lastcomm-item:last-child {
        border-bottom: none;
    }
    .lastcomm-link {
        text-decoration: none;
        color: var(--text-main);
        display: block;
    }
    .comment-text {
        font-size: 0.85rem;
        opacity: 0.8;
        line-height: 1.4;
        margin-bottom: 4px;
    }
    .comment-author {
        font-size: 0.75rem;
        color: var(--accent);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    /* Animasyonlar tamamen kapalı, sadece renk değişimi */
    .lastcomm-link:hover .comment-text {
        opacity: 1;
    }
    /* MODAL TASARIMI */
    .auth-modal-content { background: var(--bg-antrasit) !important; border: 1px solid var(--border-color) !important; border-radius: 16px; color: var(--text-main); }
    /* INPUT VE BUTONLAR */
    .btn-nav-auth { 
        background: var(--bg-antrasit); 
        border: 1px solid var(--border-color); 
        color: var(--text-main) !important; 
        width: 42px; height: 42px; 
        border-radius: 12px; 
        display: flex; align-items: center; justify-content: center; 
        font-size: 1.3rem; 
        transition: 0.2s; 
    }
    .btn-nav-auth:hover { border-color: var(--accent); color: var(--accent) !important; }
    .btn-nav-register { 
        background: transparent !important; 
        border: 1px solid var(--accent) !important; 
        color: var(--accent) !important;
        font-size: 0.7rem; 
        font-weight: 800; 
        padding: 8px 16px; 
        border-radius: 10px; 
        text-decoration: none !important; 
        letter-spacing: 1px; 
        display: flex;
        align-items: center;
        transition: 0.2s;
    }
    .btn-nav-register:hover { 
        background: var(--accent) !important; 
        color: #fff !important; 
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    }
    .btn-nav-profile { background: none; border: 2px solid var(--border-color); border-radius: 50%; padding: 3px; position: relative; }
    .btn-nav-profile:hover { border-color: var(--accent); }
    .avatar-nav { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
    .pm-notify-dot { position: absolute; top: -2px; right: -2px; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 2px solid var(--bg-body); }
    .admin-menu-list .list-group-item { color: var(--text-main) !important; font-size: 0.85rem; font-weight: 600; padding: 10px 20px; transition: 0.2s; }
    .admin-menu-list .list-group-item:hover { background: rgba(128,128,128,0.1) !important; color: var(--accent) !important; padding-left: 28px; }
    .social-btn { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 1.2rem; }
    .social-btn.google { background: #db4437; } .social-btn.facebook { background: #4267b2; } .social-btn.yandex { background: #ffcc00; }
    .x-small { font-size: 0.75rem; }
    /* Lost Password Sayfasına Özel Stiller */
    .lostpassword-page { 
        min-height: 50vh;
        display: flex;
        align-items: center;
    }
    /* Input Tasarımı */
    .input-group-text {
        color: var(--text-main);
        border-radius: 8px 0 0 8px !important;
    }
    .form-control.border-start-0 {
        border-radius: 0 8px 8px 0 !important;
    }
    /* Buton */
    /* Captcha Fix */
    .captcha-img-wrap img {
        max-height: 42px;
        border-radius: 4px;
    }
    /* Yardımcılar */
    .hover-opacity-100:hover { opacity: 1 !important; }
    /* Responsive Spacing */
    @media (min-width: 992px) { 
        .lostpassword-page { padding-right: 3rem !important; } 
    }
    @media (max-width: 576px) {
        .p-4 { padding: 1.5rem !important; }
    }
  /* Konteynır Ayarları */
    .navigation-container {
        user-select: none;
    }
    /* DLE'nin {pages} içinden çıkardığı <a> ve <span> etiketlerini hedefliyoruz */
    .nav-pages-list a, 
    .nav-pages-list span,
    .nav-pages-list b { /* Bazı DLE sürümleri aktif sayfayı <b> basabilir */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        background: var(--bg-antrasit);
        border: 1px solid var(--border-color);
        color: var(--text-main);
        text-decoration: none;
        border-radius: 8px;
        font-size: 0.9rem;
        font-weight: 700;
    }
    /* Aktif Sayfa (Vurgulu) */
    .nav-pages-list span,
    .nav-pages-list b {
        background: var(--accent) !important;
        border-color: var(--accent) !important;
        color: #fff !important;
    }
    /* Diğer Sayfalar Hover */
    .nav-pages-list a:hover {
        border-color: var(--accent);
        color: var(--accent);
    }
    /* Geri/İleri Buton Stili */
    .nav-link-item {
        display: inline-flex;
        align-items: center;
        height: 40px;
        padding: 0 15px;
        background: var(--bg-antrasit);
        border: 1px solid var(--border-color);
        color: var(--text-main);
        border-radius: 8px;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .nav-side-btn a {
        text-decoration: none;
    }
    .nav-side-btn a:hover .nav-link-item {
        background: var(--border-color);
        color: var(--accent);
        border-color: var(--accent);
    }
    /* Mobilde Kalabalığı Önle */
    @media (max-width: 576px) {
        .nav-pages-list {
            display: none !important;
        }
    }
    /* Responsive Spacing */
    @media (min-width: 992px) { .pm-page-container { padding-right: 3rem !important; } }
    /* Navigasyon Butonları */
    .btn-profile-tab {
        background: var(--bg-body) !important;
        color: var(--text-main) !important;
        border: 1px solid var(--border-color) !important;
        font-weight: 700;
        font-size: 0.75rem;
        padding: 8px 15px !important;
        border-radius: 8px !important;
    }
    .btn-profile-tab:hover { border-color: var(--accent); color: var(--accent) !important; }
    /* DLE'nin pmlist tablosu için stil giydirme (Çok kritik) */
    .pmlist table { width: 100%; border-collapse: collapse; color: var(--text-main); font-size: 0.85rem; }
    .pmlist td { padding: 15px 12px; border-bottom: 1px solid var(--border-color); vertical-align: middle; }
    .pmlist tr:hover { background: rgba(128,128,128,0.05); }
    .pmlist th { padding: 12px; background: var(--bg-body); font-weight: bold; font-size: 0.75rem; text-transform: uppercase; opacity: 0.5; text-align: left; }
    /* DLE'nin checkboxları için */
    .pmlist input[type="checkbox"] { accent-color: var(--accent); width: 16px; height: 16px; }
    
    /* Pmlist İçindeki Form ve Linkleri Terbiye Edelim */
    .pmlist a { color: var(--text-main); text-decoration: none; font-weight: 600; }
    .pmlist a:hover { color: var(--accent); }
    .pmlist select { 
        background: var(--bg-body); 
        color: var(--text-main); 
        border: 1px solid var(--border-color); 
        border-radius: 8px; 
        padding: 6px 12px; 
        outline: none;
        font-size: 0.85rem;
    }
    .pmlist select:focus { border-color: var(--accent); }
    .pmlist button { 
        background: var(--accent); 
        color: white; 
        border: none; 
        border-radius: 8px; 
        padding: 6px 16px; 
        font-weight: bold; 
        font-size: 0.85rem;
        transition: 0.2s;
    }
    .pmlist button:hover { opacity: 0.9; transform: translateY(-1px); }
    /* Form Elemanları */
    /* Editör Fix */
    .dle-editor-pm textarea { 
        width: 100% !important; 
        background: var(--bg-body) !important; 
        border: 1px solid var(--border-color) !important; 
        color: var(--text-main) !important;
        padding: 15px; border-radius: 10px; min-height: 180px;
    }
    /* İkonlar */
    .action-ico { cursor: pointer; font-size: 1.1rem; opacity: 0.6; transition: none; }
    .action-ico:hover { opacity: 1; }
    .x-small { font-size: 0.75rem; }
    /* Progress Bar */
.poll-list .form-check-input { background-color: var(--bg-body); border-color: var(--border-color); margin-right: 8px; }
.poll-list .form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
.poll-list div { margin-bottom: 8px; color: var(--text-main); }
    /* Registration Özel Stilleri */
    @media (min-width: 992px) { .registration-page { padding-right: 3rem !important; } }
    /* Input Tasarımı */
    .input-group-text {
        color: var(--text-main);
        border-radius: 10px 0 0 10px !important;
    }
    .form-control.border-start-0 {
        border-radius: 0 10px 10px 0 !important;
    }
    /* CheckLogin Butonu */
    .btn-outline-secondary {
        border-color: var(--border-color) !important;
        color: var(--text-main) !important;
        border-radius: 0 10px 10px 0 !important;
    }
    .btn-outline-secondary:hover {
        background: var(--accent) !important;
        border-color: var(--accent) !important;
        color: white !important;
    }
    /* Captcha Fix */
    .captcha-img img { border-radius: 4px; max-height: 42px; }
    /* Buton */
    /* DLE Hata Mesajı Sonucu (AJAX) */
    #result-registration { font-size: 0.8rem; font-weight: bold; }
    .registration-error { color: #ff4d4d; }
    .registration-ok { color: #2ecc71; }
    /* Related Card İçin Özel Stil Düzenlemeleri */
    .bg-card {
        background-color: var(--bg-antrasit) !important;
        transition: none; /* Senior hızı kanka */
    }
    .related-post-link:hover .related-poster img {
        opacity: 0.7;
    }
    /* Hover Overlay Efekti */
    .card-hover-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(var(--accent-rgb), 0.4); /* Senin vurgu rengin */
        display: flex; align-items: center; justify-content: center;
        opacity: 0;
        transition: opacity 0.2s;
    }
    .card-hover-overlay i { font-size: 2.5rem; color: #fff; }
    .related-post-link:hover .card-hover-overlay { opacity: 1; }
    /* Başlık 2 satıra kadar izin verir, sonra keser */
    .text-truncate-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    .object-fit-cover { object-fit: cover; }
    /* Mobilde kartın daha kibar durması için */
    @media (max-width: 576px) {
        .p-2 { padding: 0.5rem !important; }
        .rounded-4 { border-radius: 12px !important; }
    }
    /* DLE'nin Basit Tablo Yapısını Modernize Etme */
    .modern-search-table {
        color: var(--text-main);
    }
    .modern-search-table table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 10px;
    }
    .modern-search-table td {
        padding: 5px 0;
        vertical-align: middle;
    }
    /* Input ve Select Kutuları */
    .modern-search-table input[type="text"], 
    .modern-search-table select {
        background: var(--bg-body) !important;
        border: 1px solid var(--border-color) !important;
        color: var(--text-main) !important;
        padding: 10px 15px;
        border-radius: 10px;
        width: 100%;
        max-width: 400px;
        outline: none;
        font-size: 0.9rem;
    }
    .modern-search-table input[type="text"]:focus, 
    .modern-search-table select:focus {
        border-color: var(--accent) !important;
    }
    /* Arama Butonları */
    .modern-search-table input[type="button"], 
    .modern-search-table input[type="submit"] {
        background: var(--accent) !important;
        color: #fff !important;
        border: none !important;
        padding: 12px 30px !important;
        border-radius: 10px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        font-size: 0.8rem;
        letter-spacing: 1px;
        margin-top: 10px;
    }
    .modern-search-table input[type="button"]:hover, 
    .modern-search-table input[type="submit"]:hover {
        opacity: 0.9;
    }
    /* Checkbox ve Radio Butonlar */
    .modern-search-table input[type="checkbox"], 
    .modern-search-table input[type="radio"] {
        accent-color: var(--accent);
        width: 16px;
        height: 16px;
        margin-right: 8px;
        vertical-align: middle;
    }
    .modern-search-table label {
        font-size: 0.85rem;
        opacity: 0.8;
        cursor: pointer;
    }
    /* Form Gruplarını Ayıran Çizgiler */
    .modern-search-table tr {
        border-bottom: 1px solid rgba(128,128,128,0.1);
    }
    /* Responsive Spacing Fix */
    @media (min-width: 992px) { 
        .search-page-container { padding-right: 3rem !important; } 
    }
    @media (max-width: 768px) {
        .modern-search-table input[type="text"], 
        .modern-search-table select {
            max-width: 100%;
        }
    }
/* --- SHORTSTORY (VİTRİN KARTLARI) --- */
.poster-container {
    aspect-ratio: 2/3;
    background: var(--bg-antrasit);
    position: relative;
}
.poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.3s ease, transform 0.5s ease;
}
.poster-info-overlay {
    background: linear-gradient(0deg, rgba(18, 20, 23, 1) 0%, rgba(18, 20, 23, 0.7) 40%, transparent 100%);
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.poster-info-overlay a { color: inherit !important; text-decoration: none !important; }
.movie-item {
    border: 1px solid var(--border-color);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.movie-item:hover {
    border-color: var(--accent) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}
.movie-item:hover .poster-img {
    filter: brightness(0.5);
    transform: scale(1.05);
}
.movie-item:hover .translator-tag {
    right: 0 !important;
}
.badge {
    font-size: 0.65rem;
    padding: 4px 6px;
    border-radius: 4px;
}
.fw-black { font-weight: 900; }
/* --- SHORTSTORY MOBİL UYUM --- */
@media (max-width: 576px) {
    .poster-info-overlay { padding: 8px !important; }
    .poster-info-overlay h6 { font-size: 0.75rem; }
    .col-6 { padding-left: 5px; padding-right: 5px; }
    .badge { font-size: 0.55rem; padding: 2px 4px; }
}
    /* --- SIDEBAR RE-DESIGN FIXES --- */
    .sidebar-wrapper { width: 100% !important; }
    /* Tabs: Daha Modern ve İnce */
    #archiveTabs .nav-link {
        background: var(--bg-body);
        color: var(--text-main);
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        opacity: 0.6;
        transition: 0.2s;
    }
    #archiveTabs .nav-link.active {
        background: var(--accent) !important;
        color: #fff !important;
        opacity: 1;
        box-shadow: 0 4px 10px rgba(var(--accent-rgb), 0.2);
    }
    /* Kategori Menüsü: Dar Alan Uyumu */
    .category-menu ul { list-style: none; padding: 0; margin: 0; }
    .category-menu ul li a { 
        color: var(--text-main); 
        text-decoration: none; 
        display: flex; 
        justify-content: space-between;
        align-items: center;
        padding: 7px 10px; 
        border-radius: 8px; 
        font-size: 0.85rem; 
        font-weight: 600;
        opacity: 0.8; 
        transition: 0.2s;
    }
    .category-menu ul li a:hover { 
        background: rgba(var(--accent-rgb), 0.1); 
        color: var(--accent) !important; 
        padding-left: 15px; 
        opacity: 1; 
    }
    /* Etiketler */
    .tag_list a { 
        display: inline-block; 
        background: var(--bg-body); 
        color: var(--text-main); 
        padding: 3px 8px; 
        border-radius: 5px; 
        font-size: 0.7rem; 
        text-decoration: none; 
        border: 1px solid var(--border-color); 
        margin: 0 2px 5px 0; 
        transition: 0.2s;
    }
    .tag_list a:hover { border-color: var(--accent); color: var(--accent); background: rgba(var(--accent-rgb), 0.05); }
    /* Takvim Fix */
    .dle-calendar table { width: 100%; border-spacing: 2px; border-collapse: separate; }
    .dle-calendar td { padding: 4px 0; background: rgba(128,128,128,0.03); border-radius: 4px; font-size: 0.75rem; }
    .dle-calendar .monthlink { color: var(--accent); font-weight: 800; text-transform: uppercase; font-size: 0.7rem; }
    /* Input Fix */
    /* Anket Modülü Fix */
    .vote-container { font-size: 0.8rem; }
    .vote-container button { 
        background: var(--accent) !important; 
        font-size: 0.75rem !important; 
        text-transform: uppercase; 
        letter-spacing: 0.5px; 
        padding: 8px !important;
        border-radius: 8px !important;
    }
    /* Spacing Fix */
    @media (min-width: 992px) { 
        .speedbar-container { padding-right: 3rem !important; } 
    }
    /* DLE'nin {speedbar} İçinden Çıkarttığı Link ve Ayraçları Terbiye Edelim */
    .speedbar-content {
        font-size: 0.8rem;
        letter-spacing: -0.2px;
    }
    /* Linklerin Stili */
    .speedbar-content a {
        color: var(--text-main);
        text-decoration: none;
        opacity: 0.6;
        transition: none; /* Senior işi, gecikme yok */
    }
    .speedbar-content a:hover {
        opacity: 1;
        color: var(--accent) !important;
    }
    /* DLE'nin ayraç olarak kullandığı karakteri veya spanı yakalayalım */
    .speedbar-content span {
        margin: 0 8px;
        opacity: 0.3;
        font-weight: normal;
    }
    /* Son (Aktif) Eleman */
    .speedbar-content span:last-child,
    .speedbar-content b {
        color: var(--text-main);
        opacity: 0.9;
        font-weight: 800;
    }
    /* Mobil İçin Scroll Koruması */
    @media (max-width: 576px) {
        .speedbar-container { padding-right: 0 !important; }
        .speedbar-content { white-space: nowrap; }
    }
  /* DLE'nin {pages} İçinden Çıkan Etiketleri Terbiye Edelim */
    .split-pages-list a, 
    .split-pages-list span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 34px;
        padding: 0 8px;
        border-radius: 8px;
        font-size: 0.85rem;
        font-weight: 700;
        text-decoration: none !important;
        border: 1px solid var(--border-color);
        background: var(--bg-body);
        color: var(--text-main);
        transition: none; /* Senior işi, gecikme yok */
    }
    /* Aktif Sayfa (Span) */
    .split-pages-list span {
        background: var(--accent) !important;
        border-color: var(--accent) !important;
        color: #fff !important;
    }
    /* Linkler (A) Hover Durumu */
    .split-pages-list a:hover {
        border-color: var(--accent);
        color: var(--accent);
    }
    /* "Next" veya "Prev" yazıları gelirse diye genişlik ayarı */
    .split-pages-list a {
        width: auto;
    }
    /* Mobil Düzenleme */
    @media (max-width: 576px) {
        .split-news-nav { padding-right: 0 !important; }
        .split-news-nav .d-flex { justify-content: center !important; text-align: center; }
        .split-pages-list { width: 100%; justify-content: center; }
    }
    /* Spacing Fix */
    @media (min-width: 992px) { .static-page-container { padding-right: 3rem !important; } }
    /* İçerik İçindeki Elementleri Terbiye Etme */
    .static-text img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
        margin: 20px 0;
        border: 1px solid var(--border-color);
    }
    .static-text h2, .static-text h3, .static-text h4 {
        font-weight: 800;
        margin-top: 30px;
        margin-bottom: 15px;
        color: var(--text-main);
    }
    .static-text a {
        color: var(--accent);
        text-decoration: none;
        font-weight: 600;
        border-bottom: 1px dashed transparent;
    }
    .static-text a:hover {
        border-bottom-color: var(--accent);
    }
    /* DLE'nin bastığı pagination (sayfalandırma) linklerini düzeltme */
    .static-pagination {
        font-weight: bold;
        gap: 10px;
    }
    .static-pagination a, .static-pagination span {
        padding: 8px 16px;
        border-radius: 8px;
        background: var(--bg-body);
        color: var(--text-main);
        text-decoration: none;
        border: 1px solid var(--border-color);
    }
    .static-pagination span, .static-pagination a:hover {
        background: var(--accent) !important;
        color: #fff !important;
        border-color: var(--accent) !important;
    }
    /* Mobil Ayarı */
    @media (max-width: 576px) {
        .static-page-container { padding-right: 0 !important; }
        .p-md-5 { padding: 1.5rem !important; }
        h1.h2 { font-size: 1.5rem; }
    }
    /* Spacing Fix */
    @media (min-width: 992px) { .stats-page-container { padding-right: 3rem !important; } }
    /* DLE'nin bastığı {topusers} tablosunu terbiye edelim */
    .userstop { border-collapse: collapse; color: var(--text-main); font-size: 0.85rem; }
    .userstop thead tr { background: var(--bg-body); opacity: 0.7; }
    .userstop td, .userstop th { padding: 15px; border-bottom: 1px solid var(--border-color); }
    .userstop tr:last-child td { border-bottom: none; }
    .userstop tr:hover { background: rgba(128,128,128,0.05); }
    /* Tagler ve Küçük Yazılar */
    /* Dashboard Kartları */
    .bg-body { background-color: var(--bg-body) !important; }
    /* Spacing & Layout */
    @media (min-width: 992px) { 
        .tagscloud-page-container { padding-right: 3rem !important; } 
    }
    /* {tags} İçinden Gelen Linkleri Terbiye Etme */
    .tags-cloud-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center; /* Ortalanmış yapı daha modern durur */
    }
    /* DLE'nin bastığı <a> etiketleri için Senior Dokunuşu */
    .tags-cloud-wrapper a {
        display: inline-block;
        background: var(--bg-body);
        color: var(--text-main);
        text-decoration: none;
        padding: 8px 18px;
        border: 1px solid var(--border-color);
        border-radius: 50px; /* Tam yuvarlak hap tasarımı */
        font-size: 0.85rem;
        font-weight: 600;
        transition: none; /* Senior işi, gecikme yok */
    }
    /* Hover Durumu */
    .tags-cloud-wrapper a:hover {
        background: var(--accent) !important;
        border-color: var(--accent) !important;
        color: #fff !important;
        transform: translateY(-2px); /* Çok hafif bir derinlik */
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    /* DLE'nin popülerliğe göre verdiği font büyüklüklerini normalize edelim */
    /* Not: DLE bazen inline style basabilir, o yüzden !important kullandım */
    .tags-cloud-wrapper a[style] {
        font-size: 0.9rem !important;
        opacity: 0.9;
    }
    /* Mobil Düzenleme */
    @media (max-width: 576px) {
        .p-md-5 { padding: 1.5rem !important; }
        .tags-cloud-wrapper { gap: 8px; }
        .tags-cloud-wrapper a { padding: 6px 14px; font-size: 0.75rem; }
    }
    /* LOCAL FIXES - SADECE BU SAYFAYI ETKİLER */
    .user-profile-wrap { color: var(--text-main); }
    @media (min-width: 992px) { 
        .user-profile-wrap { padding-right: 3rem !important; } 
    }
    /* PM Butonu Responsive Fix */
    .pm-btn-wrap a {
        background: var(--bg-body);
        color: var(--text-main);
        border: 1px solid var(--border-color);
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.85rem;
        display: block;
        width: 100%;
        text-align: center;
        white-space: normal; /* Uzun metinlerin kırılmasını sağlar */
    }
    .pm-btn-wrap a:hover { border-color: var(--accent); color: var(--accent); }
    @media (min-width: 768px) {
        .pm-btn-wrap a { display: inline-block; width: auto; }
    }
    /* Tab Stilleri */
    .btn-profile-tab {
        background: var(--bg-body) !important;
        color: var(--text-main) !important;
        border: 1px solid var(--border-color) !important;
        font-weight: 800;
        font-size: 0.75rem;
        padding: 10px 25px !important;
        border-radius: 10px !important;
        transition: none !important;
    }
    .btn-profile-tab.active {
        background: var(--accent) !important;
        border-color: var(--accent) !important;
        color: #fff !important;
    }
    /* Form Elemanları */
    .profile-info-list .list-group-item { border-color: rgba(128,128,128,0.1) !important; }
    .cursor-pointer { cursor: pointer; }
  /* DLE'nin {list} içinden bastığı ham input ve label'ları hizalayalım */
    .vote-list-items {
        color: var(--text-main);
        font-size: 0.9rem;
    }
    .vote-list-items br {
        display: block;
        margin-bottom: 8px;
        content: "";
    }
    /* Radyo butonları ve yazıların arası */
    .vote-list-items input[type="radio"], 
    .vote-list-items input[type="checkbox"] {
        margin-right: 10px;
        accent-color: var(--accent); /* Modern tarayıcılarda kırmızı buton */
    }
    /* Sonuç Ekranı Çubukları (DLE Standart Classları) */
    .vote_votes {
        background: var(--bg-body);
        height: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
        overflow: hidden;
        border: 1px solid var(--border-color);
    }
    .vote_votes div {
        background: var(--accent);
        height: 100%;
    }
    /* Buton Özelleştirmeleri */
    .btn-dark-outline {
        background: var(--bg-body);
        color: var(--text-main);
        border: 1px solid var(--border-color);
        border-radius: 8px;
    }
    .btn-dark-outline:hover {
        border-color: var(--accent);
        color: var(--accent);
    }
    /* Yardımcılar */
    .vote-footer a:hover { opacity: 1 !important; color: var(--accent) !important; }

/* --- UNIFIED SIDEBAR HEADERS --- */
.sidebar-header {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(128,128,128,0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-main);
    opacity: 0.8;
}

/* --- 2-COLUMN CATEGORY MENU --- */
.category-menu-grid ul { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 8px; 
    list-style: none; padding: 0; margin: 0; 
}
.category-menu-grid ul li a {
    display: block;
    background: rgba(128,128,128,0.03);
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-main);
    text-decoration: none;
    transition: 0.2s;
    text-align: center;
}
.category-menu-grid ul li a:hover {
    background: var(--accent);
    color: #fff !important;
    border-color: var(--accent);
    transform: translateY(-2px);
}

/* --- PILL TAGS --- */
.tag-pill-cloud a {
    display: inline-block;
    background: var(--bg-body);
    color: var(--text-main);
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid var(--border-color);
    margin: 0 4px 8px 0;
    transition: 0.2s;
}
.tag-pill-cloud a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent);
}

/* --- MODERN CALENDAR --- */
.dle-calendar table { border-spacing: 4px; border-collapse: separate; width: 100%; }
.dle-calendar td { 
    background: rgba(128,128,128,0.03); 
    border-radius: 8px; 
    padding: 8px 0; 
    font-size: 0.7rem; 
    font-weight: 700;
    border: 1px solid var(--border-color);
}
.dle-calendar .monthlink { color: var(--accent); text-transform: uppercase; letter-spacing: 1px; font-size: 0.65rem; }
.dle-calendar .day-active { background: var(--accent) !important; border-color: var(--accent); color: #fff !important; }
.dle-calendar .day-current { color: var(--accent); border-color: var(--accent); }

/* --- CARD REFINEMENT --- */
.poster-info-overlay {
    background: linear-gradient(0deg, rgba(18, 20, 23, 1) 0%, rgba(18, 20, 23, 0.8) 60%, transparent 100%) !important;
}
.trending-list a, .trending-list a:hover { color: inherit !important; text-decoration: none !important; }
.trending-list h6 { color: var(--text-main) !important; }
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    line-height: 1.3;
}