/* ============================================
   renk.css - Tema Renk Override'lari
   tema1.css'teki hardcoded renkleri CSS degiskenleriyle override eder
   Yukleme sirasi: css-variables.css -> inline theme -> tema1.css -> renk.css -> dark-mode.css
   ============================================ */


/* ============================================
   0. BODY / SAYFA GENEL
   ============================================ */

html {
    overflow-x: hidden;
}

body {
    background-color: var(--color-body-bg);
    color: var(--color-text);
}

.nav-home.active > a {
    width: 140px;
    justify-content: center;
    padding: 14px 0;
    margin-left: 1px;
}

a:hover {
    color: var(--color-link-hover);
}

.section-title {
    border-bottom-color: var(--color-primary);
}

.news-card {
    background: var(--color-card-bg);
}

.news-card .card-category {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

.news-card .card-meta {
    color: var(--color-text-muted);
}

img[data-src] {
    background: var(--color-border);
}

::-webkit-scrollbar-track {
    background: var(--color-border-light);
}

::-webkit-scrollbar-thumb {
    background: var(--color-text-muted);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-secondary);
}


/* ============================================
   1. BORSA TICKER
   ============================================ */

.stock-ticker {
    background: var(--color-ticker-bg);
}

.stock-label {
    color: var(--color-stock-up);
}

.stock-name {
    color: var(--color-ticker-text);
}

.stock-value {
    color: var(--color-ticker-text);
}

.stock-change.up {
    color: var(--color-stock-up);
}

.stock-change.down {
    color: var(--color-stock-down);
}


/* ============================================
   2. TOPBAR
   ============================================ */

.topbar {
    background: var(--color-menu-bg);
    color: var(--color-topbar-text);
}

.topbar-item {
    color: var(--color-topbar-text);
}

.topbar-item:hover {
    color: var(--color-menu-text);
}

.topbar-social a {
    color: var(--color-topbar-text);
}

.topbar-social a:hover {
    color: var(--color-menu-text);
}


/* ============================================
   3. HEADER (Logo & Reklam)
   ============================================ */

.header-brand {
    background: var(--color-header-bg);
    border-bottom-color: var(--color-border);
}

.logo-name {
    color: var(--color-header-text);
}

.logo-slogan {
    color: var(--color-text-muted);
}

.ad-placeholder {
    background: var(--color-body-bg);
    border-color: var(--color-border);
    color: var(--color-text-muted);
}


/* ============================================
   4. MENU / NAV
   ============================================ */

.main-nav {
    background: var(--color-menu-bg);
}

.nav-toggle span {
    background: var(--color-menu-text);
}

.nav-menu-item > a {
    color: var(--color-menu-text);
}

.nav-menu-item:hover > a,
.nav-menu-item.active > a {
    color: var(--color-menu-text);
}

.nav-home.active > a {
    background: var(--color-primary);
    color: var(--color-menu-text);
}

.nav-home.active > a:hover {
    background: var(--color-primary-dark);
}

.dropdown-menu-custom {
    background: var(--color-menu-dropdown-bg);
}

.dropdown-menu-custom li a {
    color: var(--color-menu-dropdown-text);
}

.dropdown-menu-custom li a .fa-chevron-right {
    color: var(--color-text-muted);
}

.dropdown-menu-custom li a:hover {
    background: var(--color-body-bg);
    color: var(--color-primary);
}

.dropdown-menu-custom li a:hover .fa-chevron-right {
    color: var(--color-primary);
}

.submenu {
    background: var(--color-menu-dropdown-bg);
}

.nav-search-toggle {
    color: var(--color-menu-text);
}

.nav-search-toggle:hover {
    color: var(--color-menu-text);
}

.search-input {
    color: var(--color-menu-text);
}

.search-btn {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

.search-btn:hover {
    background: var(--color-primary-dark);
}

.search-close:hover {
    color: var(--color-menu-text);
}


/* ============================================
   5. SON DAKIKA BANDI
   ============================================ */

.breaking-news {
    background: var(--color-breaking-bg);
}

.breaking-badge {
    background: var(--color-breaking-text);
    color: var(--color-breaking-bg);
}

.ticker-list li a {
    color: var(--color-breaking-text);
}

.breaking-prev,
.breaking-next {
    color: var(--color-breaking-text);
}

.breaking-prev:hover,
.breaking-next:hover {
    color: var(--color-breaking-text);
}


/* ============================================
   6. HERO / MANSET
   ============================================ */

.story-section {
    background: var(--color-border-light);
}

.story-bar {
    background: var(--color-card-bg);
}

.story-label {
    color: var(--color-text);
}

.story-ring img {
    border-color: var(--color-card-bg);
}

.story-full-cat {
    background: var(--color-primary);
}

.story-link {
    background: var(--color-primary);
}

.story-link:hover {
    background: var(--color-primary-dark);
}

.hero-section {
    background: var(--color-border-light);
}

.hero-category {
    background: var(--color-primary);
}

.hero-category.cat-spor { background: var(--color-cat-spor); }
.hero-category.cat-teknoloji { background: var(--color-cat-teknoloji); }
.hero-category.cat-ekonomi { background: var(--color-cat-ekonomi); }
.hero-category.cat-saglik { background: var(--color-cat-saglik); }
.hero-category.cat-yasam { background: var(--color-cat-yasam); }
.hero-category.cat-egitim { background: var(--color-cat-egitim); }
.hero-category.cat-otomobil { background: var(--color-cat-egitim); }
.hero-category.cat-dunya { background: var(--color-cat-dunya); }
.hero-category.cat-magazin { background: var(--color-primary-dark); }

.hero-pagination .swiper-pagination-bullet:hover {
    background: var(--color-primary);
}

.hero-pagination .swiper-pagination-bullet-active {
    background: var(--color-primary);
}

.swiper-slide-ad .hero-slide-ad {
    background: var(--color-menu-bg);
}

.sa-slide-ad {
    background: var(--color-menu-bg);
}


/* ============================================
   7. KATEGORI KUTULARI & ONE CIKANLAR
   ============================================ */

.category-boxes {
    background: var(--color-border-light);
}

.catbox-nav {
    background: var(--color-menu-bg);
    color: var(--color-menu-text);
}

.catbox-nav:hover {
    background: var(--color-primary);
}

.catbox {
    background: var(--color-card-bg);
}

.catbox-header {
    border-bottom-color: var(--color-border-light);
}

.catbox-title {
    color: var(--color-header-text);
}

.catbox-title span {
    border-bottom-color: var(--color-primary);
}

.catbox-title.cat-spor span { border-color: var(--color-cat-spor); }
.catbox-title.cat-ekonomi span { border-color: var(--color-cat-ekonomi); }
.catbox-title.cat-teknoloji span { border-color: var(--color-cat-teknoloji); }
.catbox-title.cat-saglik span { border-color: var(--color-cat-saglik); }
.catbox-title.cat-dunya span { border-color: var(--color-cat-dunya); }
.catbox-title.cat-yasam span { border-color: var(--color-cat-yasam); }
.catbox-title.cat-egitim span { border-color: var(--color-cat-egitim); }

.catbox-more {
    color: var(--color-text-muted);
}

.catbox-more:hover {
    color: var(--color-primary);
}

.catbox-featured-title h4 {
    color: var(--color-text);
}

.catbox-featured-title:hover h4 {
    color: var(--color-primary);
}

.catbox-date {
    color: var(--color-text-muted);
}

.featured-grid-section {
    background: var(--color-border-light);
}

.section-header {
    border-bottom-color: var(--color-border);
}

.section-header::after {
    background: var(--color-primary);
}

.fg-tab {
    background: var(--color-border);
    color: var(--color-text-secondary);
}

.fg-tab.active {
    background: var(--color-menu-bg);
    color: var(--color-menu-text);
}


/* ============================================
   8. BLOKLAR & KARTLAR
   ============================================ */

.content-area {
    background: var(--color-border-light);
}

.block-card {
    background: var(--color-block-bg);
}

.block-header {
    border-bottom-color: var(--color-block-border);
}

.block-header::after {
    background: var(--color-primary);
}

.block-title {
    color: var(--color-header-text);
}

.block-title i {
    color: var(--color-icon);
}

.block-more {
    color: var(--color-text-muted);
}

.block-more:hover {
    color: var(--color-primary);
}

/* Haber Badge */
.news-badge {
    color: var(--color-primary);
}

.badge-gundem,
.badge-siyaset,
.badge-ekonomi,
.badge-spor,
.badge-teknoloji,
.badge-dunya,
.badge-saglik {
    color: var(--color-primary);
}

/* NFS Slider */
.nfs-dot.nfs-dot-active {
    background: var(--color-primary);
}

.nfs-arrow:hover {
    background: var(--color-primary);
}

/* Haber Listesi */
.news-list-item {
    border-color: var(--color-border-light);
}

.news-list-item:hover {
    border-color: var(--color-primary);
}

.news-list-title {
    color: var(--color-header-text);
}

.news-list-item:hover .news-list-title {
    color: var(--color-primary);
}

.news-list-desc {
    color: var(--color-text-secondary);
}

.news-list-item .news-meta {
    color: var(--color-text-muted);
}

.news-load-more {
    background: var(--color-topbar-bg);
    color: var(--color-primary);
}

.news-load-more:hover {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

/* Diger Haberler */
.diger-cat-label {
    color: var(--color-primary);
}

.diger-cat-head {
    color: var(--color-header-text);
    border-bottom-color: var(--color-primary);
}

.diger-cat-head i {
    color: var(--color-primary);
}

.diger-cat-ekonomi { border-color: var(--color-cat-ekonomi); }
.diger-cat-ekonomi i { color: var(--color-cat-ekonomi); }
.diger-cat-spor { border-color: var(--color-cat-spor); }
.diger-cat-spor i { color: var(--color-cat-spor); }
.diger-cat-teknoloji { border-color: var(--color-cat-teknoloji); }
.diger-cat-teknoloji i { color: var(--color-cat-teknoloji); }
.diger-cat-saglik { border-color: var(--color-cat-saglik); }
.diger-cat-saglik i { color: var(--color-cat-saglik); }
.diger-cat-dunya { border-color: var(--color-cat-dunya); }
.diger-cat-dunya i { color: var(--color-cat-dunya); }

.diger-card {
    background: var(--color-card-bg);
}

.diger-title {
    color: var(--color-header-text);
}

.diger-card:hover .diger-title {
    color: var(--color-primary);
}

.diger-meta {
    color: var(--color-text-muted);
}

.diger-author {
    color: var(--color-text-secondary);
}

.diger-desc {
    color: var(--color-text-secondary);
}

.diger-link {
    color: var(--color-primary);
}

/* Saatlik Haberler */
.saatlik-item {
    background: var(--color-topbar-bg);
}

.saatlik-item:hover {
    background: var(--color-card-bg);
}

.saatlik-title {
    color: var(--color-header-text);
}

.saatlik-item:hover .saatlik-title {
    color: var(--color-primary);
}

/* Gazete */
.gazete-section {
    background: var(--color-border-light);
}

.gazete-card {
    background: var(--color-card-bg);
}

.gazete-card-img {
    background: var(--color-border);
}

.gazete-nav-btn:hover {
    background: var(--color-primary);
}

.gazete-page {
    background: var(--color-border-light);
}

.gazete-breadcrumb {
    color: var(--color-text-secondary);
    border-bottom-color: var(--color-border);
}

.gazete-breadcrumb a {
    color: var(--color-text-secondary);
}

.gazete-breadcrumb a:hover {
    color: var(--color-primary);
}

.gazete-breadcrumb i.fa-chevron-right {
    color: var(--color-text-muted);
}

.gazete-page-title {
    color: var(--color-primary);
    border-left-color: var(--color-primary);
}

.gazete-grid-card {
    background: var(--color-card-bg);
}

.gazete-grid-img {
    background: var(--color-border);
}

.gazete-grid-name {
    color: var(--color-text);
}

.gazete-dropdown {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text);
}

.gazete-dropdown:focus {
    border-color: var(--color-primary);
}

.gazete-buyuk-wrap {
    background: var(--color-card-bg);
}

/* BIK Resmi Ilanlar */
.bik-section {
    background: var(--color-border-light);
}

.bik-slide-item {
    border-bottom-color: var(--color-border-light);
}

.bik-slide-item h4 {
    color: var(--color-text);
}

.bik-slide-item:hover h4 {
    color: var(--color-primary);
}

.bik-slide-meta {
    color: var(--color-text-muted);
}

.bik-nav-btn {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text-secondary);
}

.bik-nav-btn:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-badge-text);
}

.bik-footer {
    background: var(--color-border-light);
    border-top-color: var(--color-border);
}

.bik-page-btn {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text-secondary);
}

.bik-page-btn:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-badge-text);
}

.bik-page-info {
    color: var(--color-text);
}

.bik-page-info small {
    color: var(--color-text-muted);
}


/* ============================================
   9. SIDEBAR WIDGET'LAR
   ============================================ */

.sidebar-widget {
    background: var(--color-card-bg);
}

.sw-header {
    color: var(--color-sidebar-header-text);
}

.sw-header-dark { background: var(--color-menu-bg); }
.sw-header-red { background: var(--color-sidebar-header-bg); }
.sw-header-blue { background: var(--color-cat-teknoloji); }
.sw-header-green { background: var(--color-cat-spor); }

/* Puan Durumu */
.puan-table thead {
    background: var(--color-topbar-bg);
}

.puan-table th {
    color: var(--color-text-secondary);
}

.puan-table td {
    border-bottom-color: var(--color-border-light);
    color: var(--color-text);
}

.puan-table td:first-child {
    color: var(--color-text-muted);
}

.puan-table td:last-child {
    color: var(--color-header-text);
}

.puan-sam td:first-child {
    color: var(--color-cat-spor);
}

.puan-avr td:first-child {
    color: var(--color-cat-teknoloji);
}

.puan-dus td:first-child {
    color: var(--color-primary);
}

.puan-more {
    color: var(--color-primary);
    border-top-color: var(--color-border-light);
}

/* Fikstur */
.fikstur-hafta {
    background: var(--color-topbar-bg);
    border-bottom-color: var(--color-border);
}

.fikstur-hafta-title {
    color: var(--color-header-text);
}

.fikstur-nav-btn {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text-secondary);
}

.fikstur-nav-btn:hover {
    background: var(--color-cat-spor);
    border-color: var(--color-cat-spor);
    color: var(--color-badge-text);
}

.fikstur-mac {
    border-bottom-color: var(--color-border-light);
}

.fikstur-takim {
    color: var(--color-header-text);
}

/* En Cok Okunanlar */
.sw-popular-item {
    border-bottom-color: var(--color-border-light);
}

.sw-popular-item:nth-child(1) .sw-popular-no { color: var(--color-primary); }
.sw-popular-item:nth-child(2) .sw-popular-no { color: var(--color-cat-ekonomi); }

.sw-popular-title {
    color: var(--color-header-text);
}

.sw-popular-item:hover .sw-popular-title {
    color: var(--color-primary);
}

.sw-popular-meta {
    color: var(--color-text-muted);
}

/* Kose Yazarlari */
.aw-item {
    border-bottom-color: var(--color-border-light);
}

.aw-item:hover {
    background: var(--color-topbar-bg);
}

.aw-avatar::after {
    border-color: var(--color-border);
}

.aw-item:hover .aw-avatar::after {
    border-color: var(--color-primary);
}

.aw-name {
    color: var(--color-header-text);
}

.aw-item:hover .aw-name {
    color: var(--color-primary);
}

.aw-article {
    color: var(--color-text-muted);
}

.aw-arrow {
    color: var(--color-border);
}

.aw-item:hover .aw-arrow {
    color: var(--color-primary);
}

.aw-footer {
    border-top-color: var(--color-border-light);
}

.aw-all {
    color: var(--color-primary);
}

.aw-all:hover {
    color: var(--color-primary-dark);
}

.aw-nav-btn {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text-secondary);
}

.aw-nav-btn:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Namaz Vakitleri */
.namaz-select {
    border-color: var(--color-border);
}

.namaz-il {
    color: var(--color-header-text);
}

.namaz-tarih {
    color: var(--color-text-muted);
}

.namaz-list li {
    border-bottom-color: var(--color-border-light);
}

.namaz-name {
    color: var(--color-text-secondary);
}

.namaz-name i {
    color: var(--color-text-muted);
}

.namaz-time {
    color: var(--color-header-text);
}

.namaz-active {
    background: var(--color-primary) !important;
}

/* Hava Durumu */
.hava-derece {
    color: var(--color-header-text);
}

.hava-durum {
    color: var(--color-text-secondary);
}

.hava-sehir {
    color: var(--color-text-muted);
}

.hava-hafta {
    border-top-color: var(--color-border-light);
}

.hava-gun {
    color: var(--color-text-secondary);
}

/* Eczane */
.eczane-baslik {
    color: var(--color-cat-spor);
    border-bottom-color: var(--color-border);
}

.eczane-item {
    border-bottom-color: var(--color-border-light);
}

.eczane-name {
    color: var(--color-text);
}

.eczane-name i {
    color: var(--color-cat-spor);
}

.eczane-adres {
    color: var(--color-text-secondary);
}

.eczane-tel {
    color: var(--color-cat-teknoloji);
}

.eczane-tumu {
    color: var(--color-cat-spor);
    border-top-color: var(--color-border-light);
}

/* Populer Haberler */
.populer-item {
    border-bottom-color: var(--color-border-light);
}

.populer-item:hover .populer-title {
    color: var(--color-primary);
}

.populer-rank {
    background: var(--color-badge-bg);
    color: var(--color-badge-text);
}

.populer-item:nth-child(n+4) .populer-rank {
    background: var(--color-border);
}

.populer-title {
    color: var(--color-text);
}

/* Son Haberler Widget */
.son-haber-item {
    border-bottom-color: var(--color-border-light);
}

.son-haber-item:hover {
    border-left-color: var(--color-primary);
    background: var(--color-topbar-bg);
}

.son-haber-saat {
    color: var(--color-primary);
}

.son-haber-title {
    color: var(--color-text);
}

.son-haber-item:hover .son-haber-title {
    color: var(--color-primary);
}

/* Anket */
.anket-soru {
    color: var(--color-header-text);
}

.anket-option {
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

.anket-option:hover {
    border-color: var(--color-primary);
}

.anket-option input[type="radio"] {
    accent-color: var(--color-primary);
}

.anket-btn {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

.anket-btn:hover {
    background: var(--color-primary-dark);
}

/* Sosyal Medya */
.sosyal-item {
    color: var(--color-badge-text);
}

/* Spotlight Widget */
.sa-widget {
    background: var(--color-secondary);
}

.sa-thumbs {
    background: var(--color-secondary);
}


/* ============================================
   10. FOOTER
   ============================================ */

.site-footer {
    background: var(--color-footer-bg);
}

.footer-social a:hover {
    background: var(--color-primary);
}

.footer-brand p {
    color: #cbd5e1;
}

.footer-links a {
    color: #cbd5e1;
}

.footer-contact p {
    color: #cbd5e1;
}

.footer-bottom {
    color: #ffffff;
}

.footer-legal a {
    color: #ffffff;
}

.newsletter-form input:focus {
    border-color: var(--color-primary);
}

.newsletter-form button {
    background: var(--color-primary);
}

.newsletter-form button:hover {
    background: var(--color-primary-dark);
}


/* ============================================
   11. VIDEO SECTION
   ============================================ */

.vid-header::after {
    background: var(--color-primary);
}

.vid-title i {
    color: var(--color-primary);
}

.vid-more:hover {
    color: var(--color-primary);
}

.vm-badge {
    background: var(--color-primary);
}


/* ============================================
   12. BURC YORUMLARI
   ============================================ */

.burclar-section {
    background: var(--color-border-light);
}

.burc-card {
    background: var(--color-card-bg);
    border-color: var(--color-border);
}

.burc-card h4 {
    color: var(--color-header-text);
}

.burc-card span {
    color: var(--color-text-muted);
}

/* Burc Sidebar Widget */
.burc-sb-item:hover,
.burc-sb-item.active {
    background: var(--color-body-bg);
}

.burc-sb-name {
    color: var(--color-text-secondary);
}

.burc-sb-item.active .burc-sb-name {
    color: var(--color-header-text);
}

.burc-sidebar-yorum {
    border-top-color: var(--color-border);
}

.burc-yorum-text {
    color: var(--color-text);
}

.burc-d-item {
    color: var(--color-text-secondary);
    border-bottom-color: var(--color-border-light);
}


/* ============================================
   13. YAZARLARIMIZ
   ============================================ */

.yazarlar-section {
    background: var(--color-border-light);
}

.yazar-name {
    color: var(--color-header-text);
}

.yazar-ozet {
    color: var(--color-text-secondary);
}

.yazarlar-nav-btn {
    background: var(--color-menu-bg);
    color: var(--color-menu-text);
}

.yazarlar-nav-btn:hover {
    background: var(--color-primary);
}


/* ============================================
   14. FOTO GALERI
   ============================================ */

.galeri-section {
    background: var(--color-border-light);
}

.galeri-sw-btn {
    border-color: var(--color-border);
    background: var(--color-card-bg);
    color: var(--color-text-secondary);
}

.galeri-sw-btn:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.galeri-sw-btn.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-badge-text);
}

.g2-cat {
    background: var(--color-primary);
}

.g2-cat-spor { background: var(--color-cat-spor); }
.g2-cat-tech { background: var(--color-cat-teknoloji); }
.g2-cat-yasam { background: var(--color-cat-yasam); }
.g2-cat-ekonomi { background: var(--color-cat-ekonomi); }
.g2-cat-dunya { background: var(--color-cat-dunya); }

.g3-cat {
    background: var(--color-primary);
}

.g3-cat-spor { background: var(--color-cat-spor); }
.g3-cat-tech { background: var(--color-cat-teknoloji); }
.g3-cat-yasam { background: var(--color-cat-yasam); }
.g3-cat-ekonomi { background: var(--color-cat-ekonomi); }
.g3-cat-dunya { background: var(--color-cat-dunya); }


/* ============================================
   15. SPOR BLOGU
   ============================================ */

.spor-badge {
    background: var(--color-cat-spor);
}

.spor-head-title i {
    color: var(--color-stock-up);
}

.spor-head-more {
    color: var(--color-stock-up);
}

.spor-card-cat {
    color: var(--color-stock-up);
}

.spor-card:hover .spor-card-title {
    color: var(--color-stock-up);
}


/* ============================================
   16. GENEL ELEMENTLER
   ============================================ */

.scroll-top {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

.scroll-top:hover {
    background: var(--color-primary-dark);
}

/* En Cok Okunan / Yorumlanan */
.eco-item {
    background: var(--color-topbar-bg);
}

.eco-item:hover {
    background: var(--color-card-bg);
}

.eco-no-red {
    color: var(--color-primary);
}

.eco-no-orange {
    color: var(--color-cat-ekonomi);
}

.eco-title {
    color: var(--color-header-text);
}

.eco-item:hover .eco-title {
    color: var(--color-primary);
}

.eco-time {
    color: var(--color-text-muted);
}

.eco-empty {
    color: var(--color-text-muted);
}

/* RSS Sayfasi */
.rss-icon {
    color: var(--color-cat-ekonomi);
}

.rss-header p {
    color: var(--color-text-secondary);
}

.rss-section h2 {
    border-bottom-color: var(--color-border-light);
}

.rss-item {
    border-color: var(--color-border);
}

.rss-item-info strong {
    color: var(--color-text);
}

.rss-item-info span {
    color: var(--color-text-muted);
}

/* Sidebar Mob Tabs */
.sidebar-mob-tab {
    color: var(--color-text-secondary);
}


/* ============================================
   17. RESPONSIVE OVERRIDE'LAR
   ============================================ */

@media (max-width: 991px) {
    .dropdown-menu-custom,
    .submenu {
        background: var(--color-topbar-bg);
    }

    .has-submenu.open > .submenu {
        background: var(--color-border-light);
    }

    .nav-menu-item.nav-more > .dropdown-menu-custom li a {
        color: var(--color-menu-text);
    }
}

@media (max-width: 767px) {
    .spor-block {
        background: var(--color-card-bg) !important;
    }

    .spor-head {
        border-bottom-color: var(--color-cat-spor);
    }

    .spor-head-title {
        color: var(--color-header-text);
    }

    .spor-head-title i {
        color: var(--color-cat-spor);
    }

    .spor-head-more {
        color: var(--color-cat-spor);
    }

    .spor-card {
        border-bottom-color: var(--color-border-light);
    }

    .spor-card-cat {
        color: var(--color-cat-spor);
    }

    .spor-card-title {
        color: var(--color-header-text);
    }

    .spor-card-time {
        color: var(--color-text-muted);
    }

    .nfs-dot {
        background: var(--color-border);
    }
}

@media (max-width: 575px) {
    .breaking-badge {
        color: var(--color-breaking-text);
    }

    .sidebar-mob-tab.active {
        background: var(--color-card-bg);
        color: var(--color-primary);
    }
}


/* ============================================
   18. EKSİK OVERRIDE'LAR (Tam Kapsam)
   ============================================ */

/* Story Modal */
.story-modal-inner { background: var(--color-secondary); }
.story-progress-fill { background: var(--color-card-bg); }
.story-close { color: var(--color-card-bg); }
.story-nav-btn { color: var(--color-card-bg); }
.story-full-title { color: var(--color-card-bg); }
.story-full-cat { background: var(--color-primary); }
.story-link { background: var(--color-primary); }
.story-link:hover { background: var(--color-primary-dark); }

/* Logo & Header Ek */
.logo-icon { color: var(--color-card-bg); }

/* Hero/Manşet Ek */
.hero-title { color: var(--color-card-bg); }
.hero-side-title { color: var(--color-card-bg); }
.hero-pagination .hero-bullet-ad.swiper-pagination-bullet-active { background: var(--color-cat-teknoloji); color: var(--color-card-bg); }

/* Spotlight Widget Ek */
.sa-topic { color: var(--color-cat-ekonomi); }
.sa-name { color: var(--color-card-bg); }
.sa-excerpt { color: var(--color-footer-text); }
.sa-meta { color: var(--color-footer-text); }
.sa-thumb-active { border-color: var(--color-cat-ekonomi); }
.sa-thumb-ad { color: var(--color-card-bg); }

/* Featured Grid Ek */
.fg-tab:hover { background: var(--color-border); }
.fg-title { color: var(--color-card-bg); }

/* Menü Mobil Ek */
.nav-menu-close:hover { color: var(--color-card-bg); }
.nav-footer-social a:hover { color: var(--color-card-bg); }

/* Gazete Ek */
.sw-gazete .gazete-card-img { background: var(--color-body-bg); }
.gazete-nav-btn { color: var(--color-card-bg); }
.gazete-page-tarih { color: var(--color-text-muted); }

/* Son Haberler Slider Ek */
.nfs-overlay { color: var(--color-card-bg); }
.nfs-title { color: var(--color-card-bg); }
.nfs-arrow { color: var(--color-card-bg); }
.news-featured-title { color: var(--color-card-bg); }

/* Puan Tablosu Ek */
.puan-more:hover { background: var(--color-border-light); }

/* Fikstür Ek */
.fikstur-skor { color: var(--color-card-bg); background: var(--color-secondary); }

/* Sidebar Ek */
.sw-popular-item:hover { background: var(--color-border-light); }
.sidebar-mob-tabs { background: var(--color-border); }
.sw-authors .aw-nav-btn { background: var(--color-card-bg); border-color: var(--color-border); }

/* Namaz/Hava/Eczane Ek */
.namaz-active .namaz-name i { color: var(--color-card-bg); }
.hava-icon { color: var(--color-cat-ekonomi); }
.hava-gun i { color: var(--color-cat-ekonomi); }
.eczane-tumu:hover { color: var(--color-cat-spor); }

/* Saatlik Haberler */
.saatlik-no { color: var(--color-cat-ekonomi); }
.saatlik-time { color: var(--color-cat-ekonomi); }

/* Spor Bloğu Ek */
.spor-banner-title { color: var(--color-card-bg); }
.spor-banner-meta span { color: var(--color-stock-up); }

/* BİK İlanları Ek */
.bik-tab { color: var(--color-text); }
.bik-update { color: var(--color-text-muted); }

/* Burç Ek */
.burc-icon { color: var(--color-card-bg); }
.burc-sb-item:hover, .burc-sb-item.active { background: var(--color-body-bg); }
.burc-sb-icon { color: var(--color-card-bg); }

/* Video Ek */
.vm-play { color: var(--color-card-bg); }
.vm-sure { color: var(--color-card-bg); }
.vm-title { color: var(--color-card-bg); }

/* Galeri Ek */
.g1-badge { color: var(--color-card-bg); }
.g1-title { color: var(--color-card-bg); }
.g1-zoom { color: var(--color-card-bg); }
.g2-badge { color: var(--color-card-bg); }
.g2-title { color: var(--color-card-bg); }
.g2-zoom { color: var(--color-card-bg); }
.g3-badge { color: var(--color-card-bg); }
.g3-title { color: var(--color-card-bg); }
.g3-zoom { color: var(--color-card-bg); }

/* Newsletter */
.newsletter-form input { color: var(--color-card-bg); }
.newsletter-form input::placeholder { color: var(--color-text-muted); }


/* ============================================
   19. SAYFALAMA (PAGINATION)
   ============================================ */

.pg-btn {
    background: var(--color-pagination-bg);
}

.pg-btn:hover {
    border-color: var(--color-pagination-active-bg);
    color: var(--color-pagination-active-bg);
}

.pg-btn.active {
    background: var(--color-pagination-active-bg);
    border-color: var(--color-pagination-active-bg);
    color: var(--color-pagination-active-text);
}


/* ============================================
   20. FORM ELEMANLARI
   ============================================ */

.uye-form-group input {
    border-color: var(--color-input-border);
    background: var(--color-input-bg);
}

.uye-form-group input:focus {
    border-color: var(--color-input-focus);
}

.uye-form-group textarea {
    border-color: var(--color-input-border);
    background: var(--color-input-bg);
}

.uye-form-group textarea:focus {
    border-color: var(--color-input-focus);
}

.uye-form-group select {
    border-color: var(--color-input-border);
    background: var(--color-input-bg);
}

.uye-form-group select:focus {
    border-color: var(--color-input-focus);
}

.uye-checkbox input {
    accent-color: var(--color-input-focus);
}

.uye-btn-primary {
    background: var(--color-primary);
    color: var(--color-badge-text);
}

.uye-btn-primary:hover {
    background: var(--color-primary-dark);
}


/* ============================================
   21. SEKMELER (TABS)
   ============================================ */

.uye-tabs {
    background: var(--color-tab-bg);
}

.uye-tab {
    color: var(--color-text-secondary);
}

.uye-tab:hover {
    color: var(--color-text);
}

.uye-tab.active {
    background: var(--color-card-bg);
    color: var(--color-tab-active-text);
}


/* ============================================
   22. BİLDİRİMLER (ALERTS)
   ============================================ */

.uye-msg-success {
    background: var(--color-alert-success-bg);
    color: var(--color-alert-success-text);
}

.uye-msg-error {
    background: var(--color-alert-error-bg);
    color: var(--color-alert-error-text);
}

.uye-msg-warning {
    background: var(--color-alert-warning-bg);
    color: var(--color-alert-warning-text);
}


/* ============================================
   23. KULLANICI PROFİL
   ============================================ */

.uye-profil-header {
    background: linear-gradient(135deg, var(--color-profil-gradient-start), var(--color-profil-gradient-end));
}

.uye-durum-aktif {
    color: var(--color-stock-up);
}

.uye-durum-bekliyor {
    color: var(--color-cat-ekonomi);
}

.uye-section-title i {
    color: var(--color-primary);
}


/* ============================================
   24. KATEGORİ EK OVERRIDE'LAR
   ============================================ */

.hero-category.cat-magazin { background: var(--color-cat-magazin); }
.hero-category.cat-otomobil { background: var(--color-cat-otomobil); }
.catbox-title.cat-magazin span { border-color: var(--color-cat-magazin); }
.catbox-title.cat-otomobil span { border-color: var(--color-cat-otomobil); }


/* ============================================
   25. VİDEO BLOĞU TAM GENİŞLİK
   ============================================ */

.dynamic-block-fw:has(.vid-section) {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.vid-section {
    background: var(--color-video-bg);
}

.vid-card {
    background: var(--color-video-card-bg);
    border: none;
    border-radius: 0;
}


/* ============================================
   26. SPOR BLOĞU
   Özel tasarım: koyu arkaplan + çim deseni, beyaz yazılar
   Sadece vurgu renkleri tema değişkenine bağlı
   ============================================ */

.spor-head-title i {
    color: var(--color-cat-spor);
}

.spor-head-more {
    color: var(--color-cat-spor);
}

.spor-banner-cat {
    background: var(--color-cat-spor);
}

.spor-card-cat {
    color: var(--color-cat-spor);
}


/* ============================================
   26. SOL-SAĞ SÜTUN HİZALAMA
   ============================================ */

.content-main .dynamic-block {
    margin-top: 18px;
}

.content-main .dynamic-block:first-child {
    margin-top: 0;
}

.dynamic-block-sidebar:empty,
.dynamic-block-fw:empty,
.dynamic-block-sidebar:not(:has(*)),
.dynamic-block-fw:not(:has(*)) {
    display: none;
}