/**
 * PROFESSIONAL DARK MODE SYSTEM
 * Kapsamlı ve Tutarlı Gece Modu - Tüm Elementler İçin
 * Version: 2.0
 */

/* ========================================
   CSS VARIABLES - DARK MODE
   ======================================== */
:root {
    /* Dark Mode Colors */
    --dark-bg-primary: #0d0d0d;
    --dark-bg-secondary: #1a1a1a;
    --dark-bg-tertiary: #2a2a2a;
    --dark-bg-quaternary: #333333;
    
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b0b0b0;
    --dark-text-tertiary: #808080;
    --dark-text-quaternary: #666666;
    
    --dark-border: #333333;
    --dark-border-light: #444444;
    --dark-border-lighter: #555555;
    
    /* Accent colors removed - comes from dynamic CSS */
    
    --dark-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --dark-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --dark-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    
    --theme-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================================
   FOUC PREVENTION
   ======================================== */
html.dark-mode {
    background-color: #0d0d0d !important;
}

html.dark-mode body {
    background-color: #0d0d0d !important;
    color: #ffffff !important;
}

/* ========================================
   SMOOTH TRANSITIONS - SADECE SAYFA YÜKLENDİKTEN SONRA
   FOUC ÖNLEME: İlk yüklemede transition YOK
   ======================================== */
html.page-loaded body,
html.page-loaded .site-header,
html.page-loaded .site-footer,
html.page-loaded .container,
html.page-loaded input,
html.page-loaded textarea,
html.page-loaded button,
html.page-loaded select {
    transition: var(--theme-transition);
}

/* İlk yüklemede instant apply (flash önleme) */
body,
.site-header,
.site-footer,
.container {
    transition: none;
}

/* ========================================
   BODY & CORE ELEMENTS
   ======================================== */
html,
html body,
body {
    background-color: #ffffff;
}

html.dark-mode,
html.dark-mode body,
body.dark-mode {
    background-color: var(--dark-bg-primary) !important;
    background: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.dark-mode .container {
    background: transparent !important;
}

body.dark-mode #page,
body.dark-mode #content,
body.dark-mode .site {
    background: var(--dark-bg-primary) !important;
    width: 100% !important;
}

/* ========================================
   HEADER - TOP BAR
   ======================================== */
body.dark-mode .header-top {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    border-bottom-color: var(--dark-border);
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.dark-mode .header-top .container {
    max-width: var(--container-max-width) !important;
    margin: 0 auto !important;
    padding: 10px 20px !important;
    background: transparent !important;
}

body.dark-mode .top-bar-content {
    background: transparent !important;
}

body.dark-mode .top-bar-left {
    color: #ecf0f1 !important;  /* Sabit beyaz-gri, footer gibi */
    background: transparent !important;
}

body.dark-mode .top-bar-right {
    background: transparent !important;
}

body.dark-mode .top-bar-link,
body.dark-mode .topbar-menu a {
    color: #bdc3c7 !important;  /* Sabit açık gri, footer gibi */
}

body.dark-mode .top-bar-link:hover,
body.dark-mode .topbar-menu a:hover {
    color: #e74c3c !important;  /* Sabit hover kırmızı, footer gibi */
    background: transparent !important;
}

body.dark-mode .separator {
    color: var(--dark-border);
}

/* ========================================
   HEADER - MAIN HEADER
   ======================================== */
body.dark-mode .site-header {
    background: linear-gradient(180deg, var(--dark-bg-secondary) 0%, var(--dark-bg-primary) 100%) !important;
    box-shadow: var(--dark-shadow-md);
    border-bottom-color: var(--dark-accent);
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
}

body.dark-mode .site-header .container {
    max-width: var(--container-max-width) !important;
    margin: 0 auto !important;
    padding: 10px 20px !important;
    background: transparent !important;
}

body.dark-mode .header-wrapper {
    background: transparent !important;
}

body.dark-mode .logo-section {
    background: transparent !important;
}

body.dark-mode .header-navigation {
    background: transparent !important;
}

body.dark-mode .nav-wrapper {
    background: transparent !important;
}

body.dark-mode .nav-menu {
    background: transparent !important;
}

body.dark-mode .header-actions {
    background: transparent !important;
}

body.dark-mode .site-header::after {
    background: linear-gradient(90deg, var(--dark-accent), var(--dark-accent-hover));
}

body.dark-mode .site-logo {
    color: var(--dark-accent);
}

body.dark-mode .site-logo:hover {
    color: var(--dark-accent-hover);
}

/* ========================================
   NAVIGATION
   ======================================== */
body.dark-mode .header-navigation a {
    color: var(--dark-text-primary) !important;
    background: transparent !important;
}

body.dark-mode .header-navigation a:hover {
    background: var(--dark-accent-light) !important;
    color: var(--dark-accent) !important;
}

body.dark-mode .header-navigation a::before {
    background: var(--dark-accent) !important;
}

/* ========================================
   SEARCH
   ======================================== */
body.dark-mode .search-form-container {
    border-top-color: var(--dark-border);
}

body.dark-mode .search-field {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .search-field:focus {
    border-color: var(--dark-accent);
    box-shadow: 0 0 0 3px var(--dark-accent-light);
    background: var(--dark-bg-tertiary);
}

body.dark-mode .search-field::placeholder {
    color: var(--dark-text-tertiary);
}

body.dark-mode .search-submit {
    background: linear-gradient(135deg, var(--dark-accent), var(--dark-accent-hover));
}

body.dark-mode .search-submit:hover {
    background: linear-gradient(135deg, var(--dark-accent-hover), #a93226);
}

body.dark-mode .search-btn,
body.dark-mode .user-btn {
    color: var(--dark-text-primary);
}

body.dark-mode .search-btn:hover,
body.dark-mode .user-btn:hover {
    background: var(--dark-bg-tertiary);
    color: var(--dark-accent);
}

/* ========================================
   MAIN SLIDER
   ======================================== */
body.dark-mode .slider-container {
    background-color: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-lg);
}

body.dark-mode .slider-time {
    background: rgba(0, 0, 0, 0.85);
    border-color: rgba(255, 255, 255, 0.15);
}

body.dark-mode .slider-nav {
    background: rgba(42, 42, 42, 0.25);
    border-color: rgba(255, 255, 255, 0.2);
}

body.dark-mode .slider-nav:hover {
    background: rgba(42, 42, 42, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

body.dark-mode .slider-pagination-wrapper {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}

body.dark-mode .slider-pagination-dot {
    background: linear-gradient(135deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%);
    color: var(--dark-text-secondary);
    border-color: var(--dark-border-light);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .slider-pagination-dot:hover {
    background: linear-gradient(135deg, var(--dark-bg-secondary) 0%, var(--dark-bg-tertiary) 100%);
    border-color: var(--dark-accent);
    color: var(--dark-accent);
    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.3);
}

body.dark-mode .slider-pagination-dot.active {
    background: linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-hover) 100%);
    border-color: var(--dark-accent);
    box-shadow: 0 8px 28px rgba(231, 76, 60, 0.5);
}

/* ========================================
   ALL SLIDERS - COMPREHENSIVE
   ======================================== */

/* Classic Slider */
body.dark-mode .classic-slider-wrapper {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .classic-slider-nav {
    background: rgba(26, 26, 26, 0.95);
    color: #ffffff;
}

/* Hover color comes from dynamic CSS - primary-color.php */

body.dark-mode .classic-pagination-dot {
    border-color: rgba(255, 255, 255, 0.9);
}

body.dark-mode .classic-pagination-dot.active {
    background: var(--dark-accent);
}

/* Hero Slider */
body.dark-mode .hero-section {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%);
}

body.dark-mode .hero-main-slider,
body.dark-mode .hero-side-card {
    box-shadow: var(--dark-shadow-lg);
}

body.dark-mode .hero-slider-nav {
    background: rgba(26, 26, 26, 0.95);
}

/* Hover color comes from dynamic CSS - primary-color.php */

body.dark-mode .hero-slider-dot {
    border-color: rgba(255, 255, 255, 0.8);
}

body.dark-mode .hero-slider-dot.active {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

/* Fullwidth Slider */
body.dark-mode .fullwidth-slider-wrapper {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .fullwidth-slider-nav {
    background: rgba(26, 26, 26, 0.95);
}

/* Hover color comes from dynamic CSS - primary-color.php */

body.dark-mode .fullwidth-pagination-dot {
    border-color: rgba(255, 255, 255, 0.9);
}

body.dark-mode .fullwidth-pagination-dot.active {
    background: var(--dark-accent);
}

/* Dual Slider */
body.dark-mode .dual-slider-section {
    background: var(--dark-bg-primary);
}

body.dark-mode .dual-main-slider,
body.dark-mode .dual-side-slider {
    box-shadow: var(--dark-shadow-lg);
    background: var(--dark-bg-secondary);
}

body.dark-mode .dual-main-overlay,
body.dark-mode .dual-side-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.95) 100%);
}

body.dark-mode .dual-main-nav,
body.dark-mode .dual-side-nav {
    background: rgba(26, 26, 26, 0.95);
}

/* Hover colors come from dynamic CSS - primary-color.php */

body.dark-mode .dual-main-pagination {
    background: rgba(13, 13, 13, 0.5);
    backdrop-filter: blur(15px);
}

body.dark-mode .dual-main-number {
    background: rgba(26, 26, 26, 0.8);
    border-color: rgba(255, 255, 255, 0.4);
}

body.dark-mode .dual-main-number:hover {
    background: rgba(42, 42, 42, 0.9);
    border-color: rgba(255, 255, 255, 0.6);
}

body.dark-mode .dual-main-number.active {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

body.dark-mode .dual-side-dot {
    background: rgba(255, 255, 255, 0.3);
}

body.dark-mode .dual-side-dot:hover {
    background: rgba(255, 255, 255, 0.5);
}

body.dark-mode .dual-side-dot.active {
    background: var(--dark-accent);
}

/* Grid Slider */
body.dark-mode .grid-slider-section {
    background: var(--dark-bg-primary);
}

body.dark-mode .grid-main-card,
body.dark-mode .grid-side-card {
    box-shadow: var(--dark-shadow-lg);
    background: var(--dark-bg-secondary);
}

body.dark-mode .grid-side-title {
    color: var(--dark-text-primary);
}

body.dark-mode .grid-side-date {
    color: var(--dark-text-tertiary);
}

/* ========================================
   CATEGORY LAYOUTS - ALL TYPES
   ======================================== */

/* Classic Layout */
body.dark-mode .category-section.category-classic-layout {
    background: var(--dark-bg-primary);
}

body.dark-mode .category-classic-layout .section-title {
    color: var(--dark-text-primary);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .news-card .card-badge {
    background: var(--dark-accent);
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4);
}

body.dark-mode .news-card:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

body.dark-mode .news-card .card-meta {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-mode .news-card .card-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.8) 70%,
        rgba(0, 0, 0, 0.98) 100%
    );
}

/* Magazine Layout */
body.dark-mode .magazine-grid-section {
    background: var(--dark-bg-primary);
}

body.dark-mode .magazine-section-header {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .magazine-section-title {
    color: var(--dark-text-primary);
}

body.dark-mode .magazine-section-title a {
    color: var(--dark-text-primary);
}

body.dark-mode .magazine-section-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .magazine-card {
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .magazine-card:hover {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .magazine-card-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.5) 40%,
        rgba(0, 0, 0, 0.85) 100%
    );
}

body.dark-mode .magazine-category-badge {
    background: var(--dark-accent);
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.5);
}

body.dark-mode .magazine-card-title {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

body.dark-mode .magazine-card-date {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

/* Health Layout */
body.dark-mode .category-health-layout {
    background: var(--dark-bg-primary);
}

body.dark-mode .category-health-layout .section-header {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .category-health-layout .section-title {
    color: var(--dark-text-primary);
    border-left-color: var(--dark-accent);
}

body.dark-mode .health-slider {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .slider-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}

body.dark-mode .slider-badge {
    background: var(--dark-accent);
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.5);
}

body.dark-mode .slider-title {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

body.dark-mode .slider-excerpt {
    color: rgba(255, 255, 255, 0.95);
}

body.dark-mode .slider-meta {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-mode .slider-nav {
    background: rgba(30, 30, 30, 0.95);
    box-shadow: var(--dark-shadow-sm);
}

/* Hover color comes from dynamic CSS - primary-color.php */

body.dark-mode .slider-nav svg {
    color: var(--dark-text-primary);
}

body.dark-mode .pagination-dot {
    background: rgba(255, 255, 255, 0.3);
}

body.dark-mode .pagination-dot.active {
    background: var(--dark-accent);
}

body.dark-mode .health-card {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
    border: 1px solid var(--dark-border);
}

body.dark-mode .health-card:hover {
    box-shadow: var(--dark-shadow-md);
    border-color: var(--dark-border-light);
}

body.dark-mode .health-card-image {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .health-card-title {
    color: var(--dark-text-primary);
}

body.dark-mode .health-card:hover .health-card-title {
    color: var(--dark-accent);
}

body.dark-mode .health-card-date {
    color: var(--dark-text-secondary);
}

/* Sports Layout */
body.dark-mode .category-sports-layout {
    background: var(--dark-bg-primary);
}

body.dark-mode .category-sports-layout .section-title {
    color: var(--dark-text-primary);
    border-left-color: var(--dark-accent);
}

/* Cinema Layout */
body.dark-mode .category-cinema-layout {
    background: var(--dark-bg-primary);
}

body.dark-mode .category-cinema-layout .section-title {
    color: var(--dark-text-primary);
    border-left-color: var(--dark-accent);
}

/* Current Layout */
body.dark-mode .category-current-layout {
    background: var(--dark-bg-primary);
}

body.dark-mode .category-current-layout .section-title {
    color: var(--dark-text-primary);
    border-left-color: var(--dark-accent);
}

/* ========================================
   VIDEO LAYOUT
   ======================================== */
body.dark-mode .category-video-layout {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .video-container {
    background: transparent !important;
}

body.dark-mode .video-header {
    background: linear-gradient(135deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%) !important;
}

body.dark-mode .video-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .video-view-all {
    color: #ffffff !important;
    background: var(--dark-accent) !important;
    border: 2px solid var(--dark-accent) !important;
    padding: 8px 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body.dark-mode .video-view-all:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
    transform: translateX(5px) !important;
}

body.dark-mode .video-view-all .arrow-icon {
    color: #ffffff !important;
}

body.dark-mode .video-grid-wrapper {
    background: var(--dark-bg-secondary) !important;
}

body.dark-mode .video-grid {
    background: transparent !important;
}

body.dark-mode .video-hero-card,
body.dark-mode .video-list-card {
    background: var(--dark-bg-tertiary) !important;
}

body.dark-mode .video-hero-title,
body.dark-mode .video-list-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .video-list-views {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .video-hero-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%) !important;
}

/* ========================================
   CRYPTO TICKER
   ======================================== */
body.dark-mode .crypto-ticker-banner {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    border-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .crypto-ticker-banner::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
}

body.dark-mode .crypto-ticker-item {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .crypto-ticker-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .crypto-ticker-item.crypto {
    background: rgba(255, 193, 7, 0.05);
    border-color: rgba(255, 193, 7, 0.15);
}

body.dark-mode .crypto-ticker-item.crypto:hover {
    background: rgba(255, 193, 7, 0.08);
    border-color: rgba(255, 193, 7, 0.2);
}

/* ========================================
   AUTHORS SLIDER
   ======================================== */
body.dark-mode .authors-slider-section {
    background: var(--dark-bg-primary);
}

body.dark-mode .authors-header {
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .authors-title {
    color: var(--dark-text-primary);
}

body.dark-mode .author-card {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}

body.dark-mode .author-card:hover {
    border-color: var(--dark-accent);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .author-avatar {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .author-name {
    color: var(--dark-text-primary);
}

body.dark-mode .author-latest-post {
    color: var(--dark-text-secondary);
}

body.dark-mode .authors-nav {
    background: rgba(42, 42, 42, 0.95);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .authors-nav:hover {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

body.dark-mode .authors-nav:disabled {
    background: rgba(26, 26, 26, 0.95);
}

body.dark-mode .authors-nav:disabled:hover {
    background: rgba(26, 26, 26, 0.95);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .authors-pagination-dot {
    background: var(--dark-border-light);
}

body.dark-mode .authors-pagination-dot.active {
    background: var(--dark-accent);
}

body.dark-mode .authors-pagination-dot:hover {
    background: var(--dark-accent);
}

/* ========================================
   ARCHIVE PAGES
   ======================================== */

/* Archive Container ve Layout */
body.dark-mode .container {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .category-page,
body.dark-mode .search-page,
body.dark-mode .tag-page {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .content-area {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .main-content {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .page-layout {
    background: var(--dark-bg-primary) !important;
}

/* Breadcrumb Navigation */
body.dark-mode .breadcrumb-nav {
    background: var(--dark-bg-primary) !important;
}

/* Archive Header */
body.dark-mode .archive-header {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border);
}

body.dark-mode .archive-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .archive-description {
    color: var(--dark-text-secondary);
}

body.dark-mode .archive-posts {
    background: var(--dark-bg-primary) !important;
}

/* Featured Cards */
body.dark-mode .category-featured-section {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .featured-big-card {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .featured-big-image {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .featured-big-content {
    background: transparent;
}

body.dark-mode .featured-big-title a {
    color: var(--dark-text-primary);
}

body.dark-mode .featured-big-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .featured-big-meta {
    color: var(--dark-text-secondary);
}

body.dark-mode .breadcrumb-nav {
    color: var(--dark-text-tertiary);
}

body.dark-mode .breadcrumb-home,
body.dark-mode .breadcrumb-category {
    color: var(--dark-text-tertiary);
}

body.dark-mode .breadcrumb-home:hover,
body.dark-mode .breadcrumb-category:hover {
    color: var(--dark-accent);
}

body.dark-mode .breadcrumb-separator {
    color: var(--dark-text-quaternary);
}

body.dark-mode .breadcrumb-current {
    color: var(--dark-text-primary);
}

body.dark-mode .featured-small-card {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .featured-small-card:hover {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .featured-small-title a {
    color: var(--dark-text-primary);
}

body.dark-mode .featured-small-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .featured-small-meta {
    color: var(--dark-text-tertiary);
}

body.dark-mode .page-title {
    color: var(--dark-text-primary);
}

body.dark-mode .search-term {
    color: #3498db;
}

body.dark-mode .search-results-count {
    color: var(--dark-text-tertiary);
}

body.dark-mode .search-form-wrapper {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .post-card {
    background: var(--dark-bg-secondary) !important;
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .post-card:hover {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .post-thumbnail {
    background: var(--dark-bg-tertiary) !important;
}

body.dark-mode .post-card-image {
    background: var(--dark-bg-tertiary) !important;
}

body.dark-mode .post-content {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

body.dark-mode .post-card-content {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

body.dark-mode .post-card-title a {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .post-card-title a:hover {
    color: var(--dark-accent) !important;
}

body.dark-mode .post-card-excerpt {
    color: var(--dark-text-secondary) !important;
}

body.dark-mode .post-card-meta {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .post-card-meta .post-date,
body.dark-mode .post-card-meta .post-author,
body.dark-mode .post-card-meta .post-views {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .post-card-category .category-badge {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode .post-meta {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .post-title a {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .category-page .post-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .search-page .post-title a:hover {
    color: #3498db;
}

body.dark-mode .tag-page .post-title a:hover {
    color: #667eea;
}

body.dark-mode .post-excerpt {
    color: var(--dark-text-secondary);
}

body.dark-mode .no-posts,
body.dark-mode .no-results {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .no-results-icon {
    color: var(--dark-text-quaternary);
}

body.dark-mode .no-results h2 {
    color: var(--dark-text-primary);
}

body.dark-mode .no-results p,
body.dark-mode .no-posts p {
    color: var(--dark-text-tertiary);
}

body.dark-mode .search-suggestions {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .pagination a,
body.dark-mode .pagination span {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .category-page .pagination a:hover {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

body.dark-mode .category-page .pagination .current {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

body.dark-mode .search-page .pagination a:hover {
    background: #3498db;
    border-color: #3498db;
}

body.dark-mode .search-page .pagination .current {
    background: #3498db;
    border-color: #3498db;
}

body.dark-mode .tag-page .pagination a:hover {
    background: #667eea;
    border-color: #667eea;
}

body.dark-mode .tag-page .pagination .current {
    background: #667eea;
    border-color: #667eea;
}

/* ========================================
   SIDEBAR WIDGETS
   ======================================== */
body.dark-mode .widget-hot-news {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .widget-hot-news .widget-title {
    background: var(--dark-bg-secondary);
    border-bottom-color: var(--dark-accent);
    color: var(--dark-accent);
}

body.dark-mode .widget {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .widget-title {
    color: var(--dark-text-primary);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .widget-tabbed-posts {
    background: var(--dark-bg-secondary);
}

body.dark-mode .tabbed-header {
    background: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .tab-button {
    color: var(--dark-text-tertiary);
}

body.dark-mode .tab-button:hover {
    color: var(--dark-text-primary);
    background: var(--dark-accent-light);
}

body.dark-mode .tab-button.active {
    color: var(--dark-accent);
    background: var(--dark-bg-secondary);
}

body.dark-mode .tab-content {
    background: var(--dark-bg-secondary);
}

body.dark-mode .tabbed-post-item,
body.dark-mode .recent-post-item,
body.dark-mode .popular-post-item {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .tabbed-post-title a,
body.dark-mode .recent-post-title a,
body.dark-mode .popular-post-title a {
    color: var(--dark-text-primary);
}

body.dark-mode .tabbed-post-title a:hover,
body.dark-mode .recent-post-title a:hover,
body.dark-mode .popular-post-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .tabbed-post-date,
body.dark-mode .recent-post-date,
body.dark-mode .popular-post-date {
    color: var(--dark-text-tertiary);
}

body.dark-mode .category-link {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .category-link:hover {
    background: var(--dark-accent);
}

body.dark-mode .category-name {
    color: var(--dark-text-primary);
}

body.dark-mode .category-count {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-tertiary);
}

body.dark-mode .category-link:hover .category-count {
    background: var(--dark-accent-hover);
    color: #fff;
}

body.dark-mode .tag-link {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
}

body.dark-mode .tag-link:hover {
    background: var(--dark-accent);
    color: #fff;
}

body.dark-mode .archive-list a {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
}

body.dark-mode .archive-list a:hover {
    background: var(--dark-accent);
    color: #fff;
}

/* ========================================
   SINGLE POST PAGE
   ======================================== */

/* Single Page Layout */
body.dark-mode .single-page-layout {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .single-main-content {
    background: var(--dark-bg-primary) !important;
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .single-article {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .single-article-header-wrapper {
    background: var(--dark-bg-primary) !important;
    box-shadow: none !important;
}

body.dark-mode .single-article-header {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .single-article-title {
    color: var(--dark-text-primary) !important;
}

/* Single Header Meta Bar */
body.dark-mode .single-header-meta-bar {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .meta-bar-item {
    background: var(--dark-bg-secondary) !important;
}

body.dark-mode .meta-date-time,
body.dark-mode .meta-reading-time {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .meta-label {
    color: var(--dark-text-tertiary) !important;
}

/* Meta Bar Actions (Social Share and Font Size Buttons) */
body.dark-mode .meta-bar-actions {
    background: var(--dark-bg-secondary) !important;
}

body.dark-mode .meta-action-btn {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .meta-action-btn:hover {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode .meta-facebook:hover {
    background: #1877f2 !important;
    color: #ffffff !important;
}

body.dark-mode .meta-twitter:hover {
    background: #1da1f2 !important;
    color: #ffffff !important;
}

body.dark-mode .meta-whatsapp:hover {
    background: #25d366 !important;
    color: #ffffff !important;
}

body.dark-mode .meta-google-news-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .meta-google-news-btn:hover {
    background: var(--dark-bg-quaternary) !important;
}

/* Post Engagement Stats */
body.dark-mode .post-engagement-stats .post-views-display {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

body.dark-mode .single-article-meta {
    border-top-color: var(--dark-border) !important;
}

body.dark-mode .author-name {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .meta-date,
body.dark-mode .meta-update {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .meta-date::before,
body.dark-mode .meta-update::before {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-article-content {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

/* Related Posts Section */
body.dark-mode .related-posts-section {
    background: var(--dark-bg-secondary) !important;
}

body.dark-mode .related-post-card {
    background: var(--dark-bg-secondary) !important;
}

body.dark-mode .related-post-image {
    background: var(--dark-bg-tertiary) !important;
}

body.dark-mode .related-post-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .related-posts-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .section-header-line h2,
body.dark-mode .section-header-line h3 {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-article-content p:first-of-type {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-article-content h2,
body.dark-mode .single-article-content h3,
body.dark-mode .single-article-content h4 {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-article-content h2 {
    border-bottom-color: var(--dark-accent) !important;
}

body.dark-mode .single-article-content blockquote {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border-left-color: var(--dark-accent) !important;
}

body.dark-mode .single-article-content strong {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-article-footer {
    background: var(--dark-bg-tertiary) !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-mode .single-tags {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .tags-label {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .single-tag {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border-light) !important;
}

body.dark-mode .single-tag:hover {
    background: var(--dark-accent) !important;
    color: white !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode .single-share {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .share-label {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .nav-prev,
body.dark-mode .nav-next {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .nav-prev:hover,
body.dark-mode .nav-next:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode .nav-label {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .nav-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .nav-prev:hover .nav-title,
body.dark-mode .nav-next:hover .nav-title {
    color: var(--dark-accent) !important;
}

/* ========================================
   POST INTERACTION SECTION (Views, Like, Favorite, Share)
   ======================================== */
body.dark-mode .post-interaction-section {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .interaction-stats,
body.dark-mode .interaction-buttons,
body.dark-mode .interaction-share {
    background: var(--dark-bg-secondary) !important;
}

/* Post Views Display */
body.dark-mode .interaction-stats .post-views-count,
body.dark-mode .interaction-stats span,
body.dark-mode .interaction-stats div {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* Like and Favorite Buttons */
body.dark-mode .interaction-buttons button,
body.dark-mode .interaction-buttons .like-btn,
body.dark-mode .interaction-buttons .favorite-btn,
body.dark-mode .interaction-buttons a {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .interaction-buttons button:hover,
body.dark-mode .interaction-buttons .like-btn:hover,
body.dark-mode .interaction-buttons .favorite-btn:hover,
body.dark-mode .interaction-buttons a:hover {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

body.dark-mode .interaction-buttons button.liked,
body.dark-mode .interaction-buttons button.favorited {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Share Buttons */
body.dark-mode .interaction-share .share-btn {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .interaction-share .share-facebook:hover {
    background: #1877f2 !important;
    color: #ffffff !important;
    border-color: #1877f2 !important;
}

body.dark-mode .interaction-share .share-twitter:hover {
    background: #1da1f2 !important;
    color: #ffffff !important;
    border-color: #1da1f2 !important;
}

body.dark-mode .interaction-share .share-whatsapp:hover {
    background: #25d366 !important;
    color: #ffffff !important;
    border-color: #25d366 !important;
}

body.dark-mode .interaction-share .share-email:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* ========================================
   COMMENTS
   ======================================== */
body.dark-mode .comments-area {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .comments-title {
    color: var(--dark-text-primary);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .comment {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .comment-avatar {
    border-color: var(--dark-border);
}

body.dark-mode .comment-author,
body.dark-mode .comment-author a {
    color: var(--dark-text-primary);
}

body.dark-mode .comment-author a:hover {
    color: var(--dark-accent);
}

body.dark-mode .comment-metadata,
body.dark-mode .comment-metadata a {
    color: var(--dark-text-tertiary);
}

body.dark-mode .comment-metadata a:hover {
    color: var(--dark-accent);
}

body.dark-mode .comment-text {
    color: var(--dark-text-secondary);
}

body.dark-mode .comment-awaiting-moderation {
    background: #3a3a1a;
    border-color: #ffc107;
    color: #ffd54f;
}

body.dark-mode .reply-link {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
}

body.dark-mode .reply-link:hover {
    background: var(--dark-accent);
    color: white;
}

body.dark-mode .comment-respond {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .comment-reply-title {
    color: var(--dark-text-primary);
}

body.dark-mode .comment-form label {
    color: var(--dark-text-primary);
}

body.dark-mode .comment-form input[type="text"],
body.dark-mode .comment-form input[type="email"],
body.dark-mode .comment-form input[type="url"],
body.dark-mode .comment-form textarea {
    background: var(--dark-bg-tertiary);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .comment-form input[type="text"]:focus,
body.dark-mode .comment-form input[type="email"]:focus,
body.dark-mode .comment-form input[type="url"]:focus,
body.dark-mode .comment-form textarea:focus {
    border-color: var(--dark-accent);
    box-shadow: 0 0 0 3px var(--dark-accent-light);
}

body.dark-mode .no-comments {
    color: var(--dark-text-tertiary);
}

/* ========================================
   FOOTER
   ======================================== */
body.dark-mode .site-footer {
    background: linear-gradient(135deg, #0a0a0a, #1a1a1a) !important;
}

body.dark-mode .site-footer .container {
    background: transparent !important;
}

body.dark-mode .footer-content {
    background: transparent !important;
}

body.dark-mode .footer-section {
    background: transparent !important;
}

body.dark-mode .footer-about,
body.dark-mode .footer-links,
body.dark-mode .footer-categories,
body.dark-mode .footer-contact {
    background: transparent !important;
}

body.dark-mode .footer-bottom {
    background: transparent !important;
}

body.dark-mode .footer-title {
    color: var(--dark-text-primary);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .footer-description {
    color: var(--dark-text-secondary);
}

body.dark-mode .social-link {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

body.dark-mode .social-link:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Footer Social Media Icons - Specific Colors */
body.dark-mode .social-link.facebook {
    background: rgba(24, 119, 242, 0.15) !important;
}

body.dark-mode .social-link.facebook:hover {
    background: #1877f2 !important;
}

body.dark-mode .social-link.twitter {
    background: rgba(29, 161, 242, 0.15) !important;
}

body.dark-mode .social-link.twitter:hover {
    background: #1da1f2 !important;
}

body.dark-mode .social-link.instagram {
    background: rgba(225, 48, 108, 0.15) !important;
}

body.dark-mode .social-link.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}

body.dark-mode .social-link.youtube {
    background: rgba(255, 0, 0, 0.15) !important;
}

body.dark-mode .social-link.youtube:hover {
    background: #ff0000 !important;
}

body.dark-mode .footer-menu a {
    color: var(--dark-text-secondary);
}

body.dark-mode .footer-menu a:hover {
    color: var(--dark-text-primary);
}

body.dark-mode .contact-item {
    color: var(--dark-text-secondary);
}

body.dark-mode .footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .footer-copyright,
body.dark-mode .footer-credits {
    color: var(--dark-text-tertiary);
}

/* ========================================
   VISPOR EKLENTISI - PUAN DURUMU WIDGET
   ======================================== */

/* Widget container */
body.dark-mode .widget-puan-durumu,
body.dark-mode .vispor-widget,
body.dark-mode .vispor-standings,
body.dark-mode div[class*="vispor"],
body.dark-mode div[id*="vispor"] {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

/* Widget başlığı */
body.dark-mode .widget-puan-durumu .widget-title,
body.dark-mode .vispor-widget .widget-title,
body.dark-mode div[class*="vispor"] h3,
body.dark-mode div[id*="vispor"] h3 {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Tablo container */
body.dark-mode .widget-puan-durumu table,
body.dark-mode .vispor-widget table,
body.dark-mode div[class*="vispor"] table,
body.dark-mode div[id*="vispor"] table {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

/* Tablo başlıkları */
body.dark-mode .widget-puan-durumu thead,
body.dark-mode .vispor-widget thead,
body.dark-mode div[class*="vispor"] thead,
body.dark-mode div[id*="vispor"] thead {
    background: var(--dark-bg-tertiary) !important;
}

body.dark-mode .widget-puan-durumu th,
body.dark-mode .vispor-widget th,
body.dark-mode div[class*="vispor"] th,
body.dark-mode div[id*="vispor"] th {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* Tablo satırları */
body.dark-mode .widget-puan-durumu tbody tr,
body.dark-mode .vispor-widget tbody tr,
body.dark-mode div[class*="vispor"] tbody tr,
body.dark-mode div[id*="vispor"] tbody tr {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode .widget-puan-durumu tbody tr:hover,
body.dark-mode .vispor-widget tbody tr:hover,
body.dark-mode div[class*="vispor"] tbody tr:hover,
body.dark-mode div[id*="vispor"] tbody tr:hover {
    background: var(--dark-bg-tertiary) !important;
}

/* Tablo hücreleri */
body.dark-mode .widget-puan-durumu td,
body.dark-mode .vispor-widget td,
body.dark-mode div[class*="vispor"] td,
body.dark-mode div[id*="vispor"] td {
    background: transparent !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* Sıra numarası kolonu */
body.dark-mode .widget-puan-durumu td:first-child,
body.dark-mode .vispor-widget td:first-child,
body.dark-mode div[class*="vispor"] td:first-child,
body.dark-mode div[id*="vispor"] td:first-child {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    font-weight: 700 !important;
}

/* Puan kolonu (genellikle son kolon) */
body.dark-mode .widget-puan-durumu td:last-child,
body.dark-mode .vispor-widget td:last-child,
body.dark-mode div[class*="vispor"] td:last-child,
body.dark-mode div[id*="vispor"] td:last-child {
    color: var(--dark-accent) !important;
    font-weight: 700 !important;
}

/* Şampiyonlar Ligi bölgesi (ilk 4 sıra) */
body.dark-mode .widget-puan-durumu tbody tr:nth-child(1),
body.dark-mode .widget-puan-durumu tbody tr:nth-child(2),
body.dark-mode .widget-puan-durumu tbody tr:nth-child(3),
body.dark-mode .widget-puan-durumu tbody tr:nth-child(4),
body.dark-mode .vispor-widget tbody tr:nth-child(1),
body.dark-mode .vispor-widget tbody tr:nth-child(2),
body.dark-mode .vispor-widget tbody tr:nth-child(3),
body.dark-mode .vispor-widget tbody tr:nth-child(4),
body.dark-mode div[class*="vispor"] tbody tr:nth-child(1),
body.dark-mode div[class*="vispor"] tbody tr:nth-child(2),
body.dark-mode div[class*="vispor"] tbody tr:nth-child(3),
body.dark-mode div[class*="vispor"] tbody tr:nth-child(4) {
    background: rgba(76, 175, 80, 0.1) !important;
    border-left: 3px solid #4caf50 !important;
}

/* Düşme bölgesi (son 3 sıra) */
body.dark-mode .widget-puan-durumu tbody tr:nth-last-child(1),
body.dark-mode .widget-puan-durumu tbody tr:nth-last-child(2),
body.dark-mode .widget-puan-durumu tbody tr:nth-last-child(3),
body.dark-mode .vispor-widget tbody tr:nth-last-child(1),
body.dark-mode .vispor-widget tbody tr:nth-last-child(2),
body.dark-mode .vispor-widget tbody tr:nth-last-child(3),
body.dark-mode div[class*="vispor"] tbody tr:nth-last-child(1),
body.dark-mode div[class*="vispor"] tbody tr:nth-last-child(2),
body.dark-mode div[class*="vispor"] tbody tr:nth-last-child(3) {
    background: rgba(244, 67, 54, 0.1) !important;
    border-left: 3px solid #f44336 !important;
}

/* Widget footer (Powered by ViAjansi) */
body.dark-mode .widget-puan-durumu .widget-footer,
body.dark-mode .vispor-widget .widget-footer,
body.dark-mode div[class*="vispor"] .widget-footer,
body.dark-mode div[id*="vispor"] .widget-footer,
body.dark-mode div[class*="vispor"] p,
body.dark-mode div[id*="vispor"] p {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-tertiary) !important;
}

/* Linkler */
body.dark-mode .widget-puan-durumu a,
body.dark-mode .vispor-widget a,
body.dark-mode div[class*="vispor"] a,
body.dark-mode div[id*="vispor"] a {
    color: var(--dark-accent) !important;
}

body.dark-mode .widget-puan-durumu a:hover,
body.dark-mode .vispor-widget a:hover,
body.dark-mode div[class*="vispor"] a:hover,
body.dark-mode div[id*="vispor"] a:hover {
    color: var(--dark-accent-hover) !important;
}

/* Takım logoları */
body.dark-mode .widget-puan-durumu img,
body.dark-mode .vispor-widget img,
body.dark-mode div[class*="vispor"] img,
body.dark-mode div[id*="vispor"] img {
    opacity: 0.9 !important;
}

body.dark-mode .widget-puan-durumu img:hover,
body.dark-mode .vispor-widget img:hover,
body.dark-mode div[class*="vispor"] img:hover,
body.dark-mode div[id*="vispor"] img:hover {
    opacity: 1 !important;
}

/* ========================================
   SCROLL TO TOP
   ======================================== */
body.dark-mode .scroll-to-top {
    background: var(--dark-accent);
}

body.dark-mode .scroll-to-top:hover {
    background: var(--dark-accent-hover);
}

/* ========================================
   FORMS & INPUTS
   ======================================== */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="url"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="date"],
body.dark-mode select,
body.dark-mode textarea {
    background: var(--dark-bg-tertiary);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode input[type="text"]:focus,
body.dark-mode input[type="email"]:focus,
body.dark-mode input[type="url"]:focus,
body.dark-mode input[type="password"]:focus,
body.dark-mode input[type="search"]:focus,
body.dark-mode input[type="number"]:focus,
body.dark-mode input[type="tel"]:focus,
body.dark-mode input[type="date"]:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus {
    background: var(--dark-bg-quaternary);
    border-color: var(--dark-accent);
    box-shadow: 0 0 0 3px var(--dark-accent-light);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--dark-text-tertiary);
}

/* ========================================
   DARK MODE TOGGLE BUTTON
   ======================================== */
.theme-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: var(--theme-transition);
}

.theme-toggle:hover {
    transform: scale(1.1);
}

.theme-toggle-icon {
    width: 24px;
    height: 24px;
    position: relative;
    transition: var(--theme-transition);
}

.theme-toggle-icon.sun {
    color: #f39c12;
}

.theme-toggle-icon.moon {
    color: #f1c40f;
}

body:not(.dark-mode) .theme-toggle-icon.moon {
    display: none;
}

body.dark-mode .theme-toggle-icon.sun {
    display: none;
}

/* ========================================
   IMAGES & MEDIA
   ======================================== */
body.dark-mode img {
    opacity: 0.95;
}

body.dark-mode img:hover {
    opacity: 1;
}

/* ========================================
   LINKS
   ======================================== */
body.dark-mode a {
    color: var(--dark-accent);
}

body.dark-mode a:hover {
    color: var(--dark-accent-hover);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .theme-toggle {
        width: 45px;
        height: 45px;
    }
    
    .theme-toggle-icon {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 480px) {
    .theme-toggle {
        width: 40px;
        height: 40px;
    }
    
    .theme-toggle-icon {
        width: 20px;
        height: 20px;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
@media (prefers-reduced-motion: reduce) {
    body,
    .site-header,
    .site-footer,
    .container,
    .theme-toggle,
    * {
        transition: none !important;
        animation: none !important;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */
@media print {
    body.dark-mode,
    html.dark-mode,
    html.dark-mode body {
        background: white !important;
        color: black !important;
    }
    
    .theme-toggle {
        display: none !important;
    }
    
    body.dark-mode * {
        background: white !important;
        color: black !important;
    }
}

/* ========================================
   PAGE TEMPLATE - DARK MODE
   ======================================== */
body.dark-mode .page-header-section {
    background: var(--dark-bg-tertiary);  /* #2a2a2a - Yazıyla aynı renk */
    border-bottom-color: var(--dark-border);
}

body.dark-mode .page-title {
    color: var(--dark-text-primary);
}

body.dark-mode .breadcrumbs {
    color: var(--dark-text-tertiary);
}

body.dark-mode .breadcrumbs a {
    color: var(--dark-text-secondary);
}

body.dark-mode .breadcrumbs a:hover {
    color: var(--dark-accent);
}

body.dark-mode .breadcrumbs span {
    color: var(--dark-text-primary);
}

body.dark-mode .page-main-content {
    background: var(--dark-bg-primary);
}

body.dark-mode .page-content,
body.dark-mode .page-main-content .page-content,
body.dark-mode article.page-content {
    background: var(--dark-bg-tertiary) !important;  /* #2a2a2a - Açık siyah */
    color: var(--dark-text-secondary) !important;
    box-shadow: var(--dark-shadow-sm) !important;
}

body.dark-mode .page-content p,
body.dark-mode .page-content li {
    color: var(--dark-text-secondary);
}

body.dark-mode .page-content h1,
body.dark-mode .page-content h2,
body.dark-mode .page-content h3,
body.dark-mode .page-content h4,
body.dark-mode .page-content h5,
body.dark-mode .page-content h6 {
    color: var(--dark-text-primary);
}

body.dark-mode .page-content h2 {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .page-content strong,
body.dark-mode .page-content b {
    color: var(--dark-text-primary);
}

body.dark-mode .page-content a {
    color: var(--dark-accent);
}

body.dark-mode .page-content a:hover {
    color: var(--dark-accent-hover);
}

body.dark-mode .page-content blockquote {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-secondary);
    border-left-color: var(--dark-accent);
}

body.dark-mode .page-content table {
    border-color: var(--dark-border);
}

body.dark-mode .page-content table th,
body.dark-mode .page-content table td {
    border-color: var(--dark-border);
}

body.dark-mode .page-content table th {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
}

body.dark-mode .page-content table tr:nth-child(even) {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .page-content code {
    background: var(--dark-bg-tertiary);
    color: var(--dark-accent);
}

body.dark-mode .page-content pre {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .page-links {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .page-links-title {
    color: var(--dark-text-primary);
}

body.dark-mode .page-links a,
body.dark-mode .page-links > span {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-mode .page-links a:hover {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
    color: #ffffff;
}

body.dark-mode .page-comments {
    border-top-color: var(--dark-border);
}

/* ========================================
   AUTHOR PAGE - DARK MODE
   ======================================== */
body.dark-mode .author-profile-card {
    background: linear-gradient(135deg, var(--dark-bg-secondary) 0%, var(--dark-bg-tertiary) 100%);
    border-color: var(--dark-border);
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .author-profile-header {
    background: linear-gradient(135deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .author-profile-header::before {
    background: linear-gradient(90deg, var(--dark-accent), var(--dark-accent-hover));
}

body.dark-mode .author-avatar-img {
    border-color: var(--dark-border-light);
    box-shadow: var(--dark-shadow-lg);
}

body.dark-mode .author-avatar-img:hover {
    box-shadow: 0 12px 32px rgba(231, 76, 60, 0.4);
}

body.dark-mode .author-name {
    color: var(--dark-text-primary);
}

body.dark-mode .author-bio {
    color: var(--dark-text-secondary);
}

body.dark-mode .author-meta-item {
    color: var(--dark-text-secondary);
    background: var(--dark-bg-tertiary);
}

body.dark-mode .author-meta-item:hover {
    color: var(--dark-accent);
    background: var(--dark-accent-light);
}

body.dark-mode .author-stat-item {
    background: var(--dark-bg-secondary);
}

body.dark-mode .author-stat-item:hover {
    background: linear-gradient(135deg, var(--dark-bg-tertiary), var(--dark-bg-secondary));
}

body.dark-mode .stat-number {
    color: var(--dark-accent);
}

body.dark-mode .stat-label {
    color: var(--dark-text-secondary);
}

body.dark-mode .author-posts-section {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .section-header {
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .section-title {
    color: var(--dark-text-primary);
}

body.dark-mode .section-title svg {
    color: var(--dark-accent);
}

body.dark-mode .posts-count {
    background: linear-gradient(135deg, var(--dark-accent), var(--dark-accent-hover));
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

body.dark-mode .author-post-card {
    background: var(--dark-bg-tertiary);
    border-color: var(--dark-border);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .author-post-card:hover {
    box-shadow: var(--dark-shadow-md);
    border-color: var(--dark-accent);
}

body.dark-mode .post-card-image {
    background: linear-gradient(135deg, var(--dark-bg-quaternary), var(--dark-bg-tertiary));
}

body.dark-mode .category-badge {
    background: linear-gradient(135deg, var(--dark-accent), var(--dark-accent-hover));
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.5);
}

body.dark-mode .post-card-title a {
    color: var(--dark-text-primary);
}

body.dark-mode .post-card-title a:hover {
    color: var(--dark-accent);
}

body.dark-mode .post-card-excerpt {
    color: var(--dark-text-secondary);
}

body.dark-mode .post-card-meta {
    border-top-color: var(--dark-border);
    color: var(--dark-text-tertiary);
}

body.dark-mode .no-posts-message {
    color: var(--dark-text-tertiary);
}

body.dark-mode .no-posts-message svg {
    opacity: 0.2;
}

body.dark-mode .no-posts-message p {
    color: var(--dark-text-secondary);
}

body.dark-mode .author-posts-section .pagination a,
body.dark-mode .author-posts-section .pagination span {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
    border-color: var(--dark-border);
}

body.dark-mode .author-posts-section .pagination a:hover {
    background: var(--dark-accent);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

body.dark-mode .author-posts-section .pagination .current {
    background: linear-gradient(135deg, var(--dark-accent), var(--dark-accent-hover));
    color: #ffffff;
    border-color: var(--dark-accent);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

/* ========================================
   CONTACT PAGE - DARK MODE (İletişim Sayfası)
   ======================================== */
body.dark-mode .contact-page-header,
body.dark-mode .contact-header-section {
    background: var(--dark-bg-tertiary) !important;
    border-bottom-color: var(--dark-border);
}

body.dark-mode .contact-container,
body.dark-mode .contact-section,
body.dark-mode .contact-page-main {
    background: var(--dark-bg-primary);
}

body.dark-mode .contact-info-card,
body.dark-mode .contact-form-wrapper,
body.dark-mode .contact-form-container {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border);
    box-shadow: var(--dark-shadow-sm) !important;
}

body.dark-mode .contact-info-card h3,
body.dark-mode .contact-form-wrapper h2,
body.dark-mode .contact-section-title {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .contact-info-item {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .contact-info-item a {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .contact-info-item a:hover {
    color: var(--dark-accent) !important;
}

body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea,
body.dark-mode .contact-form select {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

body.dark-mode .contact-form input:focus,
body.dark-mode .contact-form textarea:focus,
body.dark-mode .contact-form select:focus {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode .contact-form input::placeholder,
body.dark-mode .contact-form textarea::placeholder {
    color: var(--dark-text-tertiary) !important;
}

body.dark-mode .contact-form label {
    color: var(--dark-text-primary) !important;
}

body.dark-mode .contact-submit-btn,
body.dark-mode .contact-form button[type="submit"] {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode .contact-submit-btn:hover,
body.dark-mode .contact-form button[type="submit"]:hover {
    background: var(--dark-accent-hover) !important;
}