/* ============================================================
   NERZEN DARK MODE
   ------------------------------------------------------------
   Bu dosya SADECE [data-theme="dark"] altında devreye girer.
   Varsayılan (attribute yokken) site her zaman mevcut AÇIK/BEYAZ
   temayla aynı şekilde görünür — bu dosya hiçbir mevcut kuralı
   silmez/değiştirmez, sadece üzerine ekleme (opt-in) yapar.
   Öncelik [data-theme="dark"] .sınıf şeklindeki daha yüksek
   özgüllük (specificity) ile sağlanır, bu yüzden sayfa-içi
   <style> bloklarındaki sabit renklerin de üzerine güvenle yazar.
   ============================================================ */

:root[data-theme="dark"] {
    --primary-color: #3b82f6;
    --primary-dark: #60a5fa;
    --secondary-color: #e2e8f0;
    --accent-color: #38bdf8;
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --bg-light: #0b1120;
    --bg-white: #0f1929;
    --border-color: #1e2d45;
    --success-color: #10b981;
    --status-online: #22c55e;
}

/* ---------- Genel ---------- */
[data-theme="dark"] body {
    background: #0b1120;
    color: #e2e8f0;
}

[data-theme="dark"] img.logo-img,
[data-theme="dark"] .mobile-logo img,
[data-theme="dark"] .footer-brand-logo img {
    filter: brightness(0) invert(1);
}

/* ---------- Üst Header / Nav ---------- */
[data-theme="dark"] #header {
    background: #0b1120;
    border-bottom-color: #1a2438;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .nav-menu > li > a {
    color: #cbd5e1;
}

[data-theme="dark"] .nav-menu > li > a:hover,
[data-theme="dark"] .nav-menu > li > a.active {
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
}

[data-theme="dark"] .dropdown {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(59, 130, 246, 0.15);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .dropdown li a {
    color: #e2e8f0;
}

[data-theme="dark"] .dropdown li a:hover {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
}

[data-theme="dark"] .dropdown li a strong {
    color: #f1f5f9;
}

[data-theme="dark"] .dropdown li a small {
    color: #94a3b8;
}

[data-theme="dark"] .btn-outline {
    color: #e2e8f0;
    background: transparent;
    border-color: #334155;
}

[data-theme="dark"] .btn-outline:hover {
    background: rgba(59, 130, 246, 0.1);
    border-color: #3b82f6;
}

[data-theme="dark"] .mobile-nav-content {
    background: #0b1120;
}

[data-theme="dark"] .mobile-nav-header {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .mobile-logo {
    color: #e2e8f0;
}

[data-theme="dark"] .mobile-menu-list > li > a,
[data-theme="dark"] .mobile-dropdown-toggle {
    color: #e2e8f0;
}

[data-theme="dark"] .mobile-dropdown {
    background: rgba(59, 130, 246, 0.06);
}

[data-theme="dark"] .mobile-dropdown a {
    color: #cbd5e1;
}

[data-theme="dark"] .mobile-close-btn {
    color: #e2e8f0;
}

/* ---------- Theme Toggle Button (nav-buttons içinde, Kayıt Ol'dan sonra) ---------- */
.theme-toggle-btn {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: #1e293b;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    color: #2563eb;
    background: #eff6ff;
    border-color: #2563eb;
}

.theme-toggle-btn i {
    font-size: 15px;
}

.theme-toggle-btn .theme-icon-dark { display: none; }
[data-theme="dark"] .theme-toggle-btn .theme-icon-light { display: none; }
[data-theme="dark"] .theme-toggle-btn .theme-icon-dark { display: inline-flex; }

[data-theme="dark"] .theme-toggle-btn {
    background: #0f1929;
    border-color: #1e2d45;
    color: #e2e8f0;
}

[data-theme="dark"] .theme-toggle-btn:hover {
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.12);
    border-color: #3b82f6;
}

/* ---------- Theme Toggle Button (mobil menü, mobile-auth-buttons içinde) ---------- */
.theme-toggle-btn--mobile {
    width: 100%;
    height: auto;
    padding: 0.875rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    gap: 0.5rem;
}

.theme-toggle-btn--mobile i {
    font-size: 18px;
}

/* ---------- Ortak Ürün Sayfası Şablonu (vds/hosting/dedicated vb.) ---------- */
[data-theme="dark"] .product-hero {
    background: linear-gradient(180deg, #0b1120 0%, #0f1929 100%);
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .hero-content h1,
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .section-title,
[data-theme="dark"] .cpanel-content h2,
[data-theme="dark"] .form-header h2,
[data-theme="dark"] .form-content h2 {
    color: #f1f5f9;
}

[data-theme="dark"] .hero-description,
[data-theme="dark"] .section-header p,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .lead-text {
    color: #94a3b8;
}

[data-theme="dark"] .hero-feature-item,
[data-theme="dark"] .breadcrumb-nav {
    color: #cbd5e1;
}

[data-theme="dark"] .breadcrumb-nav a {
    color: #94a3b8;
}

[data-theme="dark"] .pricing-section,
[data-theme="dark"] .features-section,
[data-theme="dark"] .comparison-section,
[data-theme="dark"] .response-times-section,
[data-theme="dark"] .use-cases-section,
[data-theme="dark"] .request-form-section,
[data-theme="dark"] .whois-info-section,
[data-theme="dark"] .faq-section,
[data-theme="dark"] .contact-info-section,
[data-theme="dark"] .contact-form-section,
[data-theme="dark"] .alternative-contact-section,
[data-theme="dark"] .map-section,
[data-theme="dark"] .game-servers-section {
    background: #0b1120;
}

[data-theme="dark"] .cpanel-section,
[data-theme="dark"] .info-section,
[data-theme="dark"] .sla-info-section,
[data-theme="dark"] .mission-vision-section,
[data-theme="dark"] .ipv4-info-section {
    background: #0f1929;
}

[data-theme="dark"] .pricing-card,
[data-theme="dark"] .feature-box,
[data-theme="dark"] .comparison-card-item,
[data-theme="dark"] .info-card,
[data-theme="dark"] .info-feature-card,
[data-theme="dark"] .whois-info-card,
[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .alt-contact-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .mv-card,
[data-theme="dark"] .game-card,
[data-theme="dark"] .job-card,
[data-theme="dark"] .risk-card,
[data-theme="dark"] .dc-card,
[data-theme="dark"] .sidebar-card,
[data-theme="dark"] .contact-form,
[data-theme="dark"] .colocation-form,
[data-theme="dark"] .whois-search-box,
[data-theme="dark"] .form-visual,
[data-theme="dark"] .agreement-card,
[data-theme="dark"] .doc-card,
[data-theme="dark"] .bank-card {
    background: #0f1929;
    border-color: #1a2438;
}

[data-theme="dark"] .package-name,
[data-theme="dark"] .info-card-title,
[data-theme="dark"] .feature-box h3,
[data-theme="dark"] .faq-question h3,
[data-theme="dark"] .faq-question-text,
[data-theme="dark"] .cpanel-feature-item strong,
[data-theme="dark"] .info-feature-item strong,
[data-theme="dark"] .job-title {
    color: #f1f5f9;
}

[data-theme="dark"] .package-desc,
[data-theme="dark"] .feature-box p,
[data-theme="dark"] .cpanel-feature-item p,
[data-theme="dark"] .info-feature-item p,
[data-theme="dark"] .faq-answer p,
[data-theme="dark"] .price-note,
[data-theme="dark"] .card-price .price-note {
    color: #94a3b8;
}

[data-theme="dark"] .amount,
[data-theme="dark"] .currency {
    color: #f1f5f9;
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer,
[data-theme="dark"] .form-footer {
    border-color: #1a2438;
}

[data-theme="dark"] .feature-list li,
[data-theme="dark"] .comparison-list li span {
    color: #cbd5e1;
}

[data-theme="dark"] .feature-icon,
[data-theme="dark"] .contact-icon,
[data-theme="dark"] .alt-icon,
[data-theme="dark"] .info-card-icon,
[data-theme="dark"] .portal-feature-icon {
    background: rgba(59, 130, 246, 0.12);
}

[data-theme="dark"] .section-label,
[data-theme="dark"] .section-label-light {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

/* ---------- Form Elemanları ---------- */
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .whois-input {
    background: #0b1120;
    border-color: #1e2d45;
    color: #e2e8f0;
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder,
[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder,
[data-theme="dark"] .whois-input::placeholder {
    color: #64748b;
}

[data-theme="dark"] .form-group label,
[data-theme="dark"] .form-hint,
[data-theme="dark"] .form-privacy,
[data-theme="dark"] .form-note {
    color: #cbd5e1;
}

/* ---------- Tablolar ---------- */
[data-theme="dark"] .response-table,
[data-theme="dark"] .table-wrapper,
[data-theme="dark"] .comparison-table {
    background: #0f1929;
}

[data-theme="dark"] .response-table thead,
[data-theme="dark"] .comparison-table thead {
    background: #0b1120;
}

[data-theme="dark"] .response-table th,
[data-theme="dark"] .response-table td,
[data-theme="dark"] .comparison-table th,
[data-theme="dark"] .comparison-table td {
    color: #cbd5e1;
    border-color: #1a2438;
}

[data-theme="dark"] .priority-cell strong,
[data-theme="dark"] .response-table th {
    color: #f1f5f9;
}

/* ---------- Ana Sayfa (index.php / style-nerzen.css) ---------- */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #0b1120 0%, #0f1929 100%);
}

[data-theme="dark"] .hero-stats,
[data-theme="dark"] .features,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonials,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .tabs-menu,
[data-theme="dark"] .tab-item,
[data-theme="dark"] .features-tabs,
[data-theme="dark"] .comparison-card-light {
    background: #0f1929;
}

[data-theme="dark"] .pricing {
    background: #0b1120;
}

[data-theme="dark"] .testimonials-track::before {
    background: linear-gradient(90deg, #0f1929, transparent);
}

[data-theme="dark"] .testimonials-track::after {
    background: linear-gradient(270deg, #0f1929, transparent);
}

[data-theme="dark"] .stat-item {
    background: linear-gradient(135deg, #0b1120 0%, #0f1929 100%);
}

/* ---------- Footer ---------- */
[data-theme="dark"] .footer-social-bar,
[data-theme="dark"] .footer-bottom-section {
    background: #0b1120;
}

/* ---------- Ana Sayfa özel bölümleri (index.php kendi <style> bloğu) ---------- */
[data-theme="dark"] .nz-hero {
    background: #0b1120;
    --slate: #f1f5f9;
    --body: #cbd5e1;
    --muted: #94a3b8;
    --border: #1e2d45;
    --card: #0f1929;
}

[data-theme="dark"] .nz-dbadge {
    background: rgba(15, 25, 41, 0.75);
    border-color: #1e2d45;
}

[data-theme="dark"] .nz-dbadge:hover {
    background: #0f1929;
    border-color: #3b82f6;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .nz-shield-card {
    background: rgba(15, 25, 41, 0.92);
    border-color: #1e2d45;
    box-shadow: 0 16px 56px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .nz-shield-rows {
    border-top-color: #1a2438;
}

[data-theme="dark"] .nz-srow {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .nz-btn--glass {
    background: rgba(15, 25, 41, 0.7);
    border-color: #1e2d45;
    color: #60a5fa;
}

[data-theme="dark"] .nz-btn--glass:hover {
    background: #0f1929;
    border-color: #3b82f6;
}

[data-theme="dark"] .nz-feat {
    background: rgba(15, 25, 41, 0.75);
    border-color: #1e2d45;
}

[data-theme="dark"] .nz-feat:hover {
    background: #0f1929;
    border-color: #34d399;
}

[data-theme="dark"] .nz-pkg-card,
[data-theme="dark"] .nz-vds-card {
    background: rgba(15, 25, 41, 0.92);
    border-color: #1e2d45;
}

[data-theme="dark"] .nz-pkg-card__head,
[data-theme="dark"] .nz-pkg-card__price,
[data-theme="dark"] .nz-vds-card__head {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .nz-vds-card__foot {
    border-top-color: #1a2438;
    background: rgba(15, 25, 41, 0.6);
}

[data-theme="dark"] .nz-specs li {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .nz-vds-tbl {
    background: rgba(15, 25, 41, 0.82);
    border-color: #1e2d45;
}

[data-theme="dark"] .nz-vds-tbl__head {
    background: rgba(15, 25, 41, 0.6);
    border-bottom-color: #1e2d45;
}

[data-theme="dark"] .nz-vrow {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .nz-vrow:hover {
    background: rgba(59, 130, 246, 0.1);
}

[data-theme="dark"] .nz-vrow--hot {
    background: rgba(59, 130, 246, 0.08);
}

[data-theme="dark"] .nz-vrow--hot:hover {
    background: rgba(59, 130, 246, 0.16);
}

[data-theme="dark"] .nz-nav {
    background: rgba(15, 25, 41, 0.8);
    border-color: #1e2d45;
    color: #94a3b8;
}

[data-theme="dark"] .nz-dot {
    background: rgba(15, 25, 41, 0.7);
    border-color: #1e2d45;
    color: #94a3b8;
}

/* ---------- EN Anasayfa (en/index.php kendi eski slider şablonu) ---------- */
[data-theme="dark"] .highlight-item {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .highlight-item strong {
    color: #f1f5f9;
}

[data-theme="dark"] .highlight-item span {
    color: #94a3b8;
}

[data-theme="dark"] .stats-card,
[data-theme="dark"] .package-card-preview {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .stats-header {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .stat-box {
    background: linear-gradient(135deg, #0b1120 0%, #0f1929 100%);
}

[data-theme="dark"] .stat-label,
[data-theme="dark"] .price-preview .currency,
[data-theme="dark"] .price-preview .period {
    color: #94a3b8;
}

[data-theme="dark"] .package-card-preview h3 {
    color: #f1f5f9;
}

[data-theme="dark"] .price-preview {
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .preview-features li {
    color: #cbd5e1;
    border-bottom-color: #1a2438;
}

[data-theme="dark"] .slider-btn {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .slider-btn i {
    color: #cbd5e1;
}

[data-theme="dark"] .indicator {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .indicator.active {
    background: #3b82f6;
    border-color: #3b82f6;
}

/* ---------- Anasayfa VDS/Domain arama kartları ---------- */
[data-theme="dark"] .vds-package-card,
[data-theme="dark"] .domain-price-card {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .vds-package-card--featured,
[data-theme="dark"] .domain-price-card.featured {
    background: linear-gradient(135deg, rgba(59,130,246,0.12), rgba(14,165,233,0.08));
}

[data-theme="dark"] .vds-feature-item,
[data-theme="dark"] .domain-feature-item {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] .vds-feature-item span,
[data-theme="dark"] .domain-feature-item span {
    color: #cbd5e1;
}

[data-theme="dark"] .extension-tag {
    background: #0f1929;
    border-color: #1e2d45;
    color: #cbd5e1;
}

[data-theme="dark"] .extension-tag:hover {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
    border-color: #3b82f6;
}

[data-theme="dark"] .nz-overlay {
    background:
        linear-gradient(105deg, rgba(11,17,32,0.85) 0%, rgba(11,17,32,0.6) 55%, rgba(11,17,32,0.2) 100%),
        linear-gradient(to bottom, rgba(11,17,32,0.35) 0%, transparent 100%);
}

[data-theme="dark"] .vds-search {
    background: linear-gradient(135deg, #0b1120 0%, #0f1929 100%);
}

[data-theme="dark"] .domain-search {
    background: linear-gradient(135deg, #0f1929 0%, #0b1120 100%);
}

[data-theme="dark"] .vds-search-header h2,
[data-theme="dark"] .domain-search-header h2 {
    color: #f1f5f9;
}

[data-theme="dark"] .vds-search-header p,
[data-theme="dark"] .domain-search-header p {
    color: #94a3b8;
}

[data-theme="dark"] .vds-package-card,
[data-theme="dark"] .search-input-wrapper {
    background: #0f1929;
    border-color: #1e2d45;
}

[data-theme="dark"] #domainInput {
    color: #e2e8f0;
}

[data-theme="dark"] .search-icon {
    color: #94a3b8;
}

/* ---------- Görsel / illüstrasyon kutuları ---------- */
[data-theme="dark"] .image-placeholder,
[data-theme="dark"] .cpanel-image .image-placeholder,
[data-theme="dark"] .sla-info-image .image-placeholder,
[data-theme="dark"] .email-clients-image .image-placeholder,
[data-theme="dark"] .ipv4-info-image .image-placeholder {
    background: linear-gradient(135deg, #0f1929 0%, #0b1120 100%);
    border-color: #1a2438;
}

/* ---------- Genel yardımcı: koyu temada beyaz üstüne beyaz kutu kalmasın ---------- */
[data-theme="dark"] .container,
[data-theme="dark"] .whois-domain-header {
    background: transparent;
}