/**
 * OrtakSistem — Dark Mode Stilleri
 * [data-theme="dark"] ile aktive edilir
 * Premium koyu tema: glassmorphism + subtle gradients
 */

/* ─── Dark Mode Ana Değişkenler ──────────── */
[data-theme="dark"] {
    --color-bg: #0b0f19;
    --color-bg-secondary: #111827;
    --color-bg-card: #1a1f2e;
    --color-bg-elevated: #1f2537;
    --color-border: rgba(255,255,255,0.08);
    --color-border-hover: rgba(99,102,241,0.3);
    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;
    --color-text-heading: #f1f5f9;
}

[data-theme="dark"] body {
    background: var(--color-bg);
    color: var(--color-text);
}

/* ─── Header ─────────────────────────────── */
[data-theme="dark"] .site-header {
    background: rgba(11, 15, 25, 0.7);
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .site-header.scrolled {
    background: rgba(11, 15, 25, 0.85);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .navbar-brand {
    color: var(--color-text-heading);
}

[data-theme="dark"] .nav-link {
    color: var(--color-text-muted);
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    color: var(--color-primary-light);
    background: rgba(99,102,241,0.1);
}

[data-theme="dark"] .dropdown-menu {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .dropdown-link {
    color: var(--color-text-muted);
}

[data-theme="dark"] .dropdown-link:hover {
    color: var(--color-primary-light);
    background: rgba(99,102,241,0.08);
}

[data-theme="dark"] .hamburger-line {
    background: var(--color-text);
}

/* ─── Butonlar ───────────────────────────── */
[data-theme="dark"] .btn-outline {
    color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

[data-theme="dark"] .btn-outline:hover {
    background: var(--color-primary);
    color: #fff;
}

/* ─── Hero ────────────────────────────────── */
[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #050816 0%, #0b0f19 30%, #1e1b4b 70%, var(--color-primary-dark) 100%);
}

/* ─── Özellik Kartları ───────────────────── */
[data-theme="dark"] .features-section {
    background: var(--color-bg-secondary);
}

[data-theme="dark"] .feature-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .feature-card:hover {
    border-color: var(--color-border-hover);
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

[data-theme="dark"] .feature-title {
    color: var(--color-text-heading);
}

[data-theme="dark"] .feature-desc {
    color: var(--color-text-muted);
}

/* ─── Section Ortak ──────────────────────── */
[data-theme="dark"] .section-title {
    color: var(--color-text-heading);
}

[data-theme="dark"] .section-subtitle {
    color: var(--color-text-muted);
}

/* ─── İstatistikler ──────────────────────── */
[data-theme="dark"] .why-us-section {
    background: var(--color-bg);
}

[data-theme="dark"] .stat-card {
    background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(14,165,233,0.06));
    border-color: var(--color-border);
}

/* ─── Trusted By ─────────────────────────── */
[data-theme="dark"] .trusted-section {
    background: var(--color-bg-secondary);
    border-color: var(--color-border);
}

/* ─── Testimonials ───────────────────────── */
[data-theme="dark"] .testimonials-section {
    background: var(--color-bg-secondary);
}

[data-theme="dark"] .testimonial-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .testimonial-text {
    color: var(--color-text-muted);
}

[data-theme="dark"] .testimonial-name {
    color: var(--color-text-heading);
}

/* ─── CTA ─────────────────────────────────── */
[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, #050816 0%, #1e1b4b 100%);
}

/* ─── Footer ──────────────────────────────── */
[data-theme="dark"] .site-footer {
    background: #050816;
}

/* ─── Breadcrumb ──────────────────────────── */
[data-theme="dark"] .breadcrumbs {
    background: var(--color-bg-secondary);
    border-bottom-color: var(--color-border);
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--color-text-muted);
}

[data-theme="dark"] .breadcrumb-item.active span {
    color: var(--color-text);
}

/* ─── Sayfa İçeriği ───────────────────────── */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--color-text-heading);
}

[data-theme="dark"] .page-title {
    border-bottom-color: rgba(99,102,241,0.2);
}

[data-theme="dark"] .page-body {
    color: var(--color-text-muted);
}

/* ─── Blog ────────────────────────────────── */
[data-theme="dark"] .blog-section {
    background: var(--color-bg);
}

[data-theme="dark"] .blog-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .blog-card:hover {
    border-color: var(--color-border-hover);
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

[data-theme="dark"] .blog-card-title a {
    color: var(--color-text-heading);
}

[data-theme="dark"] .blog-card-excerpt {
    color: var(--color-text-muted);
}

[data-theme="dark"] .sidebar-widget {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .sidebar-title {
    color: var(--color-text-heading);
    border-bottom-color: rgba(99,102,241,0.2);
}

[data-theme="dark"] .sidebar-category-link {
    color: var(--color-text-muted);
}

[data-theme="dark"] .sidebar-category-link:hover {
    background: rgba(99,102,241,0.08);
    color: var(--color-primary-light);
}

[data-theme="dark"] .sidebar-count {
    background: rgba(255,255,255,0.06);
    color: var(--color-text-muted);
}

/* ─── Blog Featured ───────────────────────── */
[data-theme="dark"] .blog-featured-section {
    background: var(--color-bg-secondary);
}

/* ─── Kategori Hero ───────────────────────── */
[data-theme="dark"] .category-hero {
    background: linear-gradient(135deg, #050816, #1e1b4b);
}

/* ─── FAQ ──────────────────────────────────── */
[data-theme="dark"] .faq-section {
    background: var(--color-bg);
}

[data-theme="dark"] .faq-items {
    border-color: var(--color-border);
}

[data-theme="dark"] .faq-item {
    border-bottom-color: var(--color-border);
}

[data-theme="dark"] .faq-question {
    background: var(--color-bg-card);
    color: var(--color-text-heading);
}

[data-theme="dark"] .faq-question:hover {
    background: var(--color-bg-elevated);
}

[data-theme="dark"] .faq-answer-content {
    color: var(--color-text-muted);
}

/* ─── Ürünler ─────────────────────────────── */
[data-theme="dark"] .products-section {
    background: var(--color-bg);
}

[data-theme="dark"] .product-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .product-card:hover {
    border-color: var(--color-border-hover);
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

[data-theme="dark"] .product-card-title {
    color: var(--color-text-heading);
}

[data-theme="dark"] .product-card-desc {
    color: var(--color-text-muted);
}

[data-theme="dark"] .filter-btn {
    background: var(--color-bg-card);
    border-color: var(--color-border);
    color: var(--color-text-muted);
}

[data-theme="dark"] .filter-btn:hover,
[data-theme="dark"] .filter-btn.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* ─── Pricing ─────────────────────────────── */
[data-theme="dark"] .pricing-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .pricing-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

[data-theme="dark"] .pricing-card-featured {
    border-color: var(--color-primary);
}

[data-theme="dark"] .pricing-name {
    color: var(--color-text-heading);
}

[data-theme="dark"] .price-amount {
    color: var(--color-text-heading);
}

/* ─── Article ─────────────────────────────── */
[data-theme="dark"] .article-title {
    color: var(--color-text-heading);
}

[data-theme="dark"] .article-content {
    color: var(--color-text);
}

[data-theme="dark"] .article-excerpt {
    background: rgba(99,102,241,0.08);
    border-left-color: var(--color-primary);
    color: var(--color-text-muted);
}

[data-theme="dark"] .article-content blockquote {
    background: var(--color-bg-card);
    border-left-color: var(--color-primary);
    color: var(--color-text-muted);
}

[data-theme="dark"] .article-content code {
    background: var(--color-bg-card);
    color: var(--color-primary-light);
}

[data-theme="dark"] .tag-link {
    background: var(--color-bg-card);
    border-color: var(--color-border);
    color: var(--color-text-muted);
}

[data-theme="dark"] .tag-link:hover {
    background: rgba(99,102,241,0.1);
    border-color: var(--color-border-hover);
    color: var(--color-primary-light);
}

/* ─── About, Contact, Page ────────────────── */
[data-theme="dark"] .page-section {
    background: var(--color-bg);
}

/* ─── Checkout / Cart ─────────────────────── */
[data-theme="dark"] .checkout-section {
    background: var(--color-bg) !important;
}

[data-theme="dark"] .checkout-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}

[data-theme="dark"] .checkout-card h3 {
    color: var(--color-text-heading) !important;
    border-bottom-color: var(--color-border) !important;
}

[data-theme="dark"] .summary-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}

[data-theme="dark"] .summary-item {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .summary-row {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .summary-row.total {
    color: var(--color-text-heading) !important;
}

[data-theme="dark"] .summary-divider {
    background: var(--color-border) !important;
}

[data-theme="dark"] .payment-method-item {
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .payment-method-item:hover {
    border-color: var(--color-border-hover) !important;
}

/* ─── Error Page ──────────────────────────── */
[data-theme="dark"] .error-section {
    background: var(--color-bg);
}

[data-theme="dark"] .error-message {
    color: var(--color-text-muted);
}

/* ─── Pagination ──────────────────────────── */
[data-theme="dark"] .page-link {
    background: var(--color-bg-card);
    border-color: var(--color-border);
    color: var(--color-text-muted);
}

[data-theme="dark"] .page-link:hover {
    background: rgba(99,102,241,0.1);
    border-color: var(--color-primary);
    color: var(--color-primary-light);
}

[data-theme="dark"] .page-link.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* ─── Alert ───────────────────────────────── */
[data-theme="dark"] .alert {
    border-color: var(--color-border);
}

[data-theme="dark"] .alert-success {
    background: rgba(16,185,129,0.1);
    border-color: rgba(16,185,129,0.2);
    color: #34d399;
}

[data-theme="dark"] .alert-warning {
    background: rgba(245,158,11,0.1);
    border-color: rgba(245,158,11,0.2);
    color: #fbbf24;
}

[data-theme="dark"] .alert-danger {
    background: rgba(239,68,68,0.1);
    border-color: rgba(239,68,68,0.2);
    color: #f87171;
}

/* ─── Mobil Menü Dark ─────────────────────── */
@media (max-width: 768px) {
    [data-theme="dark"] .navbar-menu {
        background: var(--color-bg-card);
    }
}

/* ─── Features Table Dark ─────────────────── */
[data-theme="dark"] .features-table tr {
    border-bottom-color: var(--color-border);
}

[data-theme="dark"] .feature-name {
    color: var(--color-text-heading);
}

[data-theme="dark"] .feature-value {
    color: var(--color-text-muted);
}

[data-theme="dark"] .feature-highlighted {
    background: rgba(99,102,241,0.06);
}

/* ─── Content Body Dark ───────────────────── */
[data-theme="dark"] .content-body {
    color: var(--color-text-muted);
}

/* ─── Related Section Dark ────────────────── */
[data-theme="dark"] .related-section {
    background: var(--color-bg-secondary);
}

/* ─── VPS Landing Page ────────────────────── */
[data-theme="dark"] .vps-hero {
    background: linear-gradient(135deg, #050816 0%, #0b0f19 40%, #1e1b4b 100%);
}

[data-theme="dark"] .vps-feature-card {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

[data-theme="dark"] .vps-feature-card:hover {
    border-color: var(--color-border-hover);
}

[data-theme="dark"] .vps-comparison table {
    background: var(--color-bg-card);
}

[data-theme="dark"] .vps-comparison th {
    background: var(--color-bg-elevated);
    color: var(--color-text-heading);
}

[data-theme="dark"] .vps-comparison td {
    border-color: var(--color-border);
    color: var(--color-text-muted);
}

/* ─── Dark Mode Toggle ────────────────────── */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--color-gray-200);
    background: transparent;
    cursor: pointer;
    font-size: 1.15rem;
    transition: all 200ms ease;
    color: var(--color-gray-600);
    flex-shrink: 0;
}

.theme-toggle:hover {
    background: var(--color-primary-50);
    border-color: var(--color-primary-light);
    color: var(--color-primary);
}

[data-theme="dark"] .theme-toggle {
    border-color: var(--color-border);
    color: #fbbf24;
}

[data-theme="dark"] .theme-toggle:hover {
    background: rgba(251,191,36,0.1);
    border-color: rgba(251,191,36,0.3);
}