/* ============================================
   HASRETİMSİN GAY CMS - DARK MODE (ELEMENTOR RENKLERİYLE)
   ============================================ */

body.dark-mode {
    --color-bg-start: #1a1228;
    --color-bg-end: #2a1a3e;
    --color-glass: rgba(20, 10, 35, 0.92);
    --color-glass-dark: rgba(10, 5, 20, 0.98);
    --color-dark: #f0e8ff;
    --color-dark-soft: #d4c8e6;
    --color-text: #EBD5E7;
    --color-text-light: #a898b8;
    --color-border: #3a2a50;
    --color-primary-bg: #2a1a3e;
    --color-primary: #FEA300;
    --color-primary-dark: #FF6800;
    --color-primary-light: #FFD635;
    --color-gradient: linear-gradient(135deg, #FEA300, #FF6800);
    --color-shadow: rgba(254, 163, 0, 0.3);
    --color-purple-bg: #EBD5E7;
}

.dark-mode .main-header {
    background: var(--color-glass);
    border-bottom-color: var(--color-border);
}

.dark-mode .logo a {
    color: var(--color-dark);
}

.dark-mode .desktop-nav ul li a {
    color: var(--color-text);
}

.dark-mode .desktop-nav ul li a:hover {
    background: var(--color-primary-bg);
    color: var(--color-dark);
}

.dark-mode .desktop-nav ul li a.active {
    background: var(--color-gradient);
    color: #FFFFFF;
}

/* ===== DARK MODE - MOBİL MENÜ ===== */
.dark-mode .mobile-nav-inner {
    background: #1a1228;
}

.dark-mode .mobile-nav-list li a {
    color: var(--color-text);
}

.dark-mode .mobile-nav-list li a:hover {
    background: var(--color-primary-bg);
    color: var(--color-dark);
}

.dark-mode .mobile-nav-list li a.active {
    background: var(--color-gradient);
    color: #FFFFFF;
}

.dark-mode .mobile-nav-header {
    border-bottom-color: var(--color-border);
}

.dark-mode .mobile-nav-title {
    color: var(--color-dark);
}

.dark-mode .mobile-nav-close {
    color: var(--color-dark);
}

.dark-mode .mobile-nav-close:hover {
    background: var(--color-primary-bg);
}

.dark-mode .mobile-dropdown-menu li a {
    color: var(--color-text-light);
}

.dark-mode .mobile-dropdown-menu li a:hover {
    background: var(--color-primary-bg);
    color: var(--color-dark);
}

.dark-mode .mobile-search {
    border-top-color: var(--color-border);
}

.dark-mode .mobile-search form input {
    background: rgba(20, 10, 35, 0.6);
    color: var(--color-dark);
    border-color: var(--color-border);
}

.dark-mode .mobile-search form input:focus {
    border-color: var(--color-primary);
}

.dark-mode .mobile-search form button {
    background: var(--color-gradient);
    color: #FFFFFF;
}

/* ===== DARK MODE - ARAMA ===== */
.dark-mode .search-box {
    background: #1a1228;
    border-color: var(--color-border);
}

.dark-mode .search-box .search-form input {
    background: rgba(20, 10, 35, 0.6);
    color: var(--color-dark);
    border-color: var(--color-border);
}

.dark-mode .search-box .search-form input:focus {
    border-color: var(--color-primary);
}

.dark-mode .search-box .search-form button {
    background: var(--color-gradient);
    color: #FFFFFF;
}

.dark-mode .search-toggle {
    color: var(--color-text);
}

.dark-mode .search-toggle:hover {
    background: var(--color-primary-bg);
    color: var(--color-primary-light);
}

/* ===== DARK MODE - DARK TOGGLE ===== */
.dark-mode .dark-toggle {
    color: var(--color-text);
}

.dark-mode .dark-toggle:hover {
    background: var(--color-primary-bg);
    color: var(--color-primary-light);
}

/* ===== DARK MODE - MOBİL MENÜ BUTONU ===== */
.dark-mode .mobile-menu {
    color: var(--color-text);
}

.dark-mode .mobile-menu:hover {
    background: var(--color-primary-bg);
    color: var(--color-primary-light);
}

/* ===== DİĞER DARK MODE STILLERİ ===== */
.dark-mode .page-wrapper,
.dark-mode .card,
.dark-mode .test-card,
.dark-mode .post-card,
.dark-mode .featured-card,
.dark-mode .category-card {
    background: rgba(20, 10, 35, 0.8);
    border-color: var(--color-border);
    color: var(--color-text);
}

.dark-mode .question {
    background: rgba(20, 10, 35, 0.6);
}

.dark-mode .option {
    background: rgba(20, 10, 35, 0.4);
    border-color: var(--color-border);
    color: var(--color-text);
}

.dark-mode .option:hover {
    background: var(--color-primary-bg);
}

.dark-mode .form-control {
    background: rgba(20, 10, 35, 0.6);
    border-color: var(--color-border);
    color: var(--color-dark);
}

.dark-mode .form-control:focus {
    border-color: var(--color-primary);
}

.dark-mode .result-box {
    background: rgba(20, 10, 35, 0.6);
    border-color: var(--color-primary-light);
}

.dark-mode .result-box h3 {
    color: var(--color-dark);
}

.dark-mode .badge {
    background: var(--color-primary-bg);
    color: var(--color-dark);
    border-color: var(--color-border);
}

.dark-mode .breadcrumb li a {
    color: var(--color-primary-light);
}

.dark-mode .breadcrumb li:last-child {
    color: var(--color-dark);
}

.dark-mode .subtitle {
    background: rgba(20, 10, 35, 0.4);
    border-left-color: var(--color-primary-light);
}

.dark-mode .stats-section {
    background: rgba(20, 10, 35, 0.6);
}

.dark-mode .stat-number {
    color: var(--color-primary-light);
}

.dark-mode .hero-section {
    background: linear-gradient(135deg, rgba(20, 10, 35, 0.8), rgba(42, 26, 62, 0.8));
}

.dark-mode .hero-content {
    background: rgba(20, 10, 35, 0.8);
    border-color: var(--color-border);
}

.dark-mode .hero-text h1 {
    color: var(--color-dark);
}

.dark-mode .hero-text p {
    color: var(--color-text);
}

.dark-mode .hero-sohbet-form .form-content {
    background: rgba(20, 10, 35, 0.9);
    border-color: var(--color-border);
}

.dark-mode .hero-sohbet-form .form-item input {
    background: rgba(20, 10, 35, 0.6);
    border-color: var(--color-border);
    color: var(--color-dark);
}

.dark-mode .hero-sohbet-form .form-item input:focus {
    border-color: var(--color-primary);
}

.dark-mode .hero-sohbet-form .form-item input::placeholder {
    color: var(--color-text-light);
}

.dark-mode .hero-sohbet-form .form-title h2 {
    color: var(--color-dark);
}

.dark-mode .section-header h2 {
    color: var(--color-dark);
}

.dark-mode .section-header .view-all {
    color: var(--color-primary-light);
}

.dark-mode .card-content h3 a {
    color: var(--color-dark);
}

.dark-mode .card-content h3 a:hover {
    color: var(--color-primary-light);
}

.dark-mode .card-content p {
    color: var(--color-text);
}

.dark-mode .card-meta span {
    color: var(--color-text-light);
}

.dark-mode .card-category,
.dark-mode .post-category {
    background: var(--color-primary);
    color: #FFFFFF;
}

.dark-mode .main-footer {
    background: var(--color-glass-dark);
}

.dark-mode .footer-section h4 {
    color: var(--color-dark);
}

.dark-mode .footer-section p,
.dark-mode .footer-section li a {
    color: var(--color-text);
}

.dark-mode .footer-section li a:hover {
    color: var(--color-primary-light);
}

.dark-mode .footer-bottom {
    border-top-color: var(--color-border);
}

.dark-mode .btn-outline {
    color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.dark-mode .btn-outline:hover {
    background: var(--color-primary);
    color: #FFFFFF;
}

.dark-mode .pagination .page-item .page-link {
    background: rgba(20, 10, 35, 0.6);
    border-color: var(--color-border);
    color: var(--color-text);
}

.dark-mode .pagination .page-item.active .page-link {
    background: var(--color-gradient);
    border-color: var(--color-primary);
    color: #FFFFFF;
}

.dark-mode .pagination .page-item .page-link:hover {
    background: var(--color-primary-bg);
    color: var(--color-dark);
}

.dark-mode .back-link {
    background: rgba(20, 10, 35, 0.6);
    color: var(--color-primary-light);
}

.dark-mode .back-link:hover {
    background: var(--color-primary-bg);
}

.dark-mode .dropdown-menu {
    background: rgba(20, 10, 35, 0.95);
    border-color: var(--color-border);
}

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

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

/* ===== DARK MODE - RESPONSIVE ===== */
@media (max-width: 768px) {
    .dark-mode .mobile-nav-inner {
        background: #1a1228;
    }
    
    .dark-mode .mobile-nav-list li a {
        border-bottom-color: var(--color-border);
    }
    
    .dark-mode .search-box {
        background: #1a1228;
        border-color: var(--color-border);
    }
    
    .dark-mode .hero-sohbet-form .form-content {
        background: rgba(20, 10, 35, 0.9);
    }
}

@media (max-width: 480px) {
    .dark-mode .mobile-nav-inner {
        background: #1a1228;
    }
    
    .dark-mode .hero-sohbet-form .form-content {
        background: rgba(20, 10, 35, 0.9);
    }
}


/* ===== DARK MODE - LOGO BEYAZ ===== */
body.dark-mode .site-logo {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}