/* ============================================
   ZetraLink Pro - 40 Professional Themes v6.0
   ============================================ */

/* 1. NEON DARK */
.theme-neon-dark {
    --t-bg: #090B14; --t-surface: #13162A; --t-text: #FFFFFF; --t-dim: #B0B5D0;
    --t-border: rgba(255,255,255,0.06); --t-neon: #00F5C0; --t-accent: #A855F7;
    --t-btn-bg: rgba(0,245,192,0.08); --t-btn-border: #00F5C0; --t-btn-text: #00F5C0;
}

/* 2. GLASS MORPHISM */
.theme-glass {
    --t-bg: #0a0a1a; --t-surface: rgba(255,255,255,0.03); --t-text: #FFFFFF; --t-dim: #90A4AE;
    --t-border: rgba(255,255,255,0.08); --t-neon: #4FC3F7; --t-accent: #CE93D8;
    --t-btn-bg: rgba(255,255,255,0.06); --t-btn-border: rgba(255,255,255,0.15); --t-btn-text: #FFFFFF;
}

/* 3. GOLDEN HOUR */
.theme-golden {
    --t-bg: #1a150a; --t-surface: #2d2415; --t-text: #FFFFFF; --t-dim: #C9B896;
    --t-border: rgba(255,215,0,0.1); --t-neon: #FFD700; --t-accent: #FFA500;
    --t-btn-bg: rgba(255,215,0,0.08); --t-btn-border: #FFD700; --t-btn-text: #FFD700;
}

/* 4. OCEAN BLUE */
.theme-ocean {
    --t-bg: #061a2e; --t-surface: #0d2844; --t-text: #FFFFFF; --t-dim: #90CAF9;
    --t-border: rgba(0,188,212,0.1); --t-neon: #00BCD4; --t-accent: #4DD0E1;
    --t-btn-bg: rgba(0,188,212,0.08); --t-btn-border: #00BCD4; --t-btn-text: #00BCD4;
}

/* 5. SUNSET GLOW */
.theme-sunset {
    --t-bg: #2e0a1a; --t-surface: #4a1528; --t-text: #FFFFFF; --t-dim: #FFCDD2;
    --t-border: rgba(255,107,107,0.1); --t-neon: #FF6B6B; --t-accent: #FFD93D;
    --t-btn-bg: rgba(255,107,107,0.08); --t-btn-border: #FF6B6B; --t-btn-text: #FF6B6B;
}

/* 6. FOREST DEEP */
.theme-forest {
    --t-bg: #0a1a0a; --t-surface: #152a15; --t-text: #FFFFFF; --t-dim: #C8E6C9;
    --t-border: rgba(76,175,80,0.1); --t-neon: #4CAF50; --t-accent: #8BC34A;
    --t-btn-bg: rgba(76,175,80,0.08); --t-btn-border: #4CAF50; --t-btn-text: #4CAF50;
}

/* 7. PURPLE HAZE */
.theme-purple {
    --t-bg: #1a0a2e; --t-surface: #2d1544; --t-text: #FFFFFF; --t-dim: #E1BEE7;
    --t-border: rgba(168,85,247,0.1); --t-neon: #A855F7; --t-accent: #E040FB;
    --t-btn-bg: rgba(168,85,247,0.08); --t-btn-border: #A855F7; --t-btn-text: #A855F7;
}

/* 8. MINIMAL WHITE */
.theme-minimal {
    --t-bg: #F8F9FA; --t-surface: #FFFFFF; --t-text: #1a1a2e; --t-dim: #555770;
    --t-border: rgba(0,0,0,0.08); --t-neon: #0066FF; --t-accent: #4A90D9;
    --t-btn-bg: #E8F0FE; --t-btn-border: #0066FF; --t-btn-text: #0066FF;
}
.theme-minimal body { background: #F8F9FA !important; color: #1a1a2e !important; }
.theme-minimal .navbar { background: rgba(255,255,255,0.92) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
.theme-minimal .nav-links a { color: #555770 !important; }
.theme-minimal .logo { color: #1a1a2e !important; }
.theme-minimal .btn-outline { border-color: #0066FF !important; color: #0066FF !important; }
.theme-minimal .btn-primary { background: #0066FF !important; color: #FFFFFF !important; }
.theme-minimal .menu-toggle span { background: #1a1a2e !important; }
.theme-minimal .dash-header { background: rgba(255,255,255,0.92) !important; }
.theme-minimal .dash-tab { background: rgba(0,0,0,0.03) !important; color: #555770 !important; }
.theme-minimal .dash-tab.active { background: #0066FF !important; color: #FFFFFF !important; }
.theme-minimal .live-preview-content { background: #F0F0F0 !important; color: #1a1a2e !important; }
.theme-minimal .settings-section, .theme-minimal .link-item, .theme-minimal .feature-card, .theme-minimal .price-card, .theme-minimal .testimonial-card { background: #FFFFFF !important; border-color: rgba(0,0,0,0.06) !important; color: #1a1a2e !important; }
.theme-minimal .form-group input, .theme-minimal .form-group textarea { background: #F5F5F5 !important; border-color: rgba(0,0,0,0.1) !important; color: #1a1a2e !important; }

/* 9. CYBERPUNK */
.theme-cyberpunk {
    --t-bg: #0d0221; --t-surface: #150538; --t-text: #FFFFFF; --t-dim: #FF80FF;
    --t-border: rgba(255,0,255,0.15); --t-neon: #FF00FF; --t-accent: #00FFFF;
    --t-btn-bg: rgba(255,0,255,0.08); --t-btn-border: #FF00FF; --t-btn-text: #FF00FF;
}

/* 10. MIDNIGHT BLUE */
.theme-midnight {
    --t-bg: #0a0a2e; --t-surface: #151545; --t-text: #FFFFFF; --t-dim: #90CAF9;
    --t-border: rgba(68,138,255,0.1); --t-neon: #448AFF; --t-accent: #7C4DFF;
    --t-btn-bg: rgba(68,138,255,0.08); --t-btn-border: #448AFF; --t-btn-text: #448AFF;
}

/* 11. UZBEK NATIONAL */
.theme-uzbek {
    --t-bg: #006b80; --t-surface: #0088a0; --t-text: #FFFFFF; --t-dim: #E0F7FA;
    --t-border: rgba(255,255,255,0.12); --t-neon: #FFD700; --t-accent: #FFFFFF;
    --t-btn-bg: rgba(255,215,0,0.1); --t-btn-border: #FFD700; --t-btn-text: #FFD700;
}

/* 12. GEOMETRIC */
.theme-geometric {
    --t-bg: #0a0a1a; --t-surface: #151528; --t-text: #FFFFFF; --t-dim: #B0B5D0;
    --t-border: rgba(0,245,192,0.08); --t-neon: #00F5C0; --t-accent: #A855F7;
    --t-btn-bg: rgba(0,245,192,0.08); --t-btn-border: #00F5C0; --t-btn-text: #00F5C0;
}

/* 13. DIAMOND */
.theme-diamond {
    --t-bg: #1a0a2e; --t-surface: #2d1544; --t-text: #FFFFFF; --t-dim: #E1BEE7;
    --t-border: rgba(224,64,251,0.1); --t-neon: #E040FB; --t-accent: #FF80AB;
    --t-btn-bg: rgba(224,64,251,0.08); --t-btn-border: #E040FB; --t-btn-text: #E040FB;
}

/* 14. STARRY NIGHT */
.theme-stars {
    --t-bg: #0a0a1a; --t-surface: #151528; --t-text: #FFFFFF; --t-dim: #FFF9C4;
    --t-border: rgba(255,215,0,0.08); --t-neon: #FFD700; --t-accent: #FFAB00;
    --t-btn-bg: rgba(255,215,0,0.08); --t-btn-border: #FFD700; --t-btn-text: #FFD700;
}

/* 15-40: QOLGAN TEMALAR */
.theme-cherry { --t-bg:#1a0a0f;--t-surface:#2d1518;--t-text:#fff;--t-dim:#FFCDD2;--t-border:rgba(255,82,82,0.1);--t-neon:#FF5252;--t-accent:#FF8A80;--t-btn-bg:rgba(255,82,82,0.08);--t-btn-border:#FF5252;--t-btn-text:#FF5252; }
.theme-mint { --t-bg:#0a1a1a;--t-surface:#152a2a;--t-text:#fff;--t-dim:#B2DFDB;--t-border:rgba(0,230,118,0.1);--t-neon:#00E676;--t-accent:#69F0AE;--t-btn-bg:rgba(0,230,118,0.08);--t-btn-border:#00E676;--t-btn-text:#00E676; }
.theme-coral { --t-bg:#1a0a0a;--t-surface:#2d1515;--t-text:#fff;--t-dim:#FFCCBC;--t-border:rgba(255,112,67,0.1);--t-neon:#FF7043;--t-accent:#FFAB91;--t-btn-bg:rgba(255,112,67,0.08);--t-btn-border:#FF7043;--t-btn-text:#FF7043; }
.theme-lavender { --t-bg:#1a1a2e;--t-surface:#2a2a4a;--t-text:#fff;--t-dim:#E8EAF6;--t-border:rgba(121,134,203,0.1);--t-neon:#7986CB;--t-accent:#9FA8DA;--t-btn-bg:rgba(121,134,203,0.08);--t-btn-border:#7986CB;--t-btn-text:#7986CB; }
.theme-peach { --t-bg:#2e1a0a;--t-surface:#4a2a15;--t-text:#fff;--t-dim:#FFE0B2;--t-border:rgba(255,167,38,0.1);--t-neon:#FFA726;--t-accent:#FFCC80;--t-btn-bg:rgba(255,167,38,0.08);--t-btn-border:#FFA726;--t-btn-text:#FFA726; }
.theme-emerald { --t-bg:#0a2e1a;--t-surface:#154a2a;--t-text:#fff;--t-dim:#C8E6C9;--t-border:rgba(0,200,83,0.1);--t-neon:#00C853;--t-accent:#69F0AE;--t-btn-bg:rgba(0,200,83,0.08);--t-btn-border:#00C853;--t-btn-text:#00C853; }
.theme-sapphire { --t-bg:#0a0a2e;--t-surface:#15154a;--t-text:#fff;--t-dim:#BBDEFB;--t-border:rgba(41,98,255,0.1);--t-neon:#2962FF;--t-accent:#448AFF;--t-btn-bg:rgba(41,98,255,0.08);--t-btn-border:#2962FF;--t-btn-text:#2962FF; }
.theme-ruby { --t-bg:#2e0a0a;--t-surface:#4a1515;--t-text:#fff;--t-dim:#FFCDD2;--t-border:rgba(229,57,53,0.1);--t-neon:#E53935;--t-accent:#EF5350;--t-btn-bg:rgba(229,57,53,0.08);--t-btn-border:#E53935;--t-btn-text:#E53935; }
.theme-amber { --t-bg:#2e1a0a;--t-surface:#4a2a15;--t-text:#fff;--t-dim:#FFECB3;--t-border:rgba(255,193,7,0.1);--t-neon:#FFC107;--t-accent:#FFD54F;--t-btn-bg:rgba(255,193,7,0.08);--t-btn-border:#FFC107;--t-btn-text:#FFC107; }
.theme-jade { --t-bg:#0a2e0a;--t-surface:#154a15;--t-text:#fff;--t-dim:#DCEDC8;--t-border:rgba(139,195,74,0.1);--t-neon:#8BC34A;--t-accent:#AED581;--t-btn-bg:rgba(139,195,74,0.08);--t-btn-border:#8BC34A;--t-btn-text:#8BC34A; }
.theme-amethyst { --t-bg:#1a0a2e;--t-surface:#2d1544;--t-text:#fff;--t-dim:#E1BEE7;--t-border:rgba(156,39,176,0.1);--t-neon:#9C27B0;--t-accent:#CE93D8;--t-btn-bg:rgba(156,39,176,0.08);--t-btn-border:#9C27B0;--t-btn-text:#9C27B0; }
.theme-topaz { --t-bg:#2e2e0a;--t-surface:#4a4a15;--t-text:#fff;--t-dim:#FFF9C4;--t-border:rgba(255,235,59,0.1);--t-neon:#FFEB3B;--t-accent:#FFF176;--t-btn-bg:rgba(255,235,59,0.08);--t-btn-border:#FFEB3B;--t-btn-text:#FFEB3B; }
.theme-obsidian { --t-bg:#0a0a0a;--t-surface:#1a1a1a;--t-text:#fff;--t-dim:#9E9E9E;--t-border:rgba(255,255,255,0.08);--t-neon:#E0E0E0;--t-accent:#BDBDBD;--t-btn-bg:rgba(255,255,255,0.06);--t-btn-border:#E0E0E0;--t-btn-text:#E0E0E0; }
.theme-quartz { --t-bg:#2e1a2e;--t-surface:#4a2a4a;--t-text:#fff;--t-dim:#F8BBD0;--t-border:rgba(233,30,99,0.1);--t-neon:#E91E63;--t-accent:#F06292;--t-btn-bg:rgba(233,30,99,0.08);--t-btn-border:#E91E63;--t-btn-text:#E91E63; }
.theme-opal { --t-bg:#1a2e2e;--t-surface:#2a4a4a;--t-text:#fff;--t-dim:#B2EBF2;--t-border:rgba(0,188,212,0.1);--t-neon:#00BCD4;--t-accent:#4DD0E1;--t-btn-bg:rgba(0,188,212,0.08);--t-btn-border:#00BCD4;--t-btn-text:#00BCD4; }
.theme-crystal { --t-bg:#1a1a2e;--t-surface:#2a2a4a;--t-text:#fff;--t-dim:#E8EAF6;--t-border:rgba(92,107,192,0.1);--t-neon:#5C6BC0;--t-accent:#7986CB;--t-btn-bg:rgba(92,107,192,0.08);--t-btn-border:#5C6BC0;--t-btn-text:#5C6BC0; }
.theme-aurora { --t-bg:#0a1a2e;--t-surface:#152a4a;--t-text:#fff;--t-dim:#B3E5FC;--t-border:rgba(3,169,244,0.1);--t-neon:#03A9F4;--t-accent:#4FC3F7;--t-btn-bg:rgba(3,169,244,0.08);--t-btn-border:#03A9F4;--t-btn-text:#03A9F4; }
.theme-nebula { --t-bg:#1a0a2e;--t-surface:#2d1544;--t-text:#fff;--t-dim:#CE93D8;--t-border:rgba(171,71,188,0.1);--t-neon:#AB47BC;--t-accent:#CE93D8;--t-btn-bg:rgba(171,71,188,0.08);--t-btn-border:#AB47BC;--t-btn-text:#AB47BC; }
.theme-galaxy { --t-bg:#0a0a2e;--t-surface:#15154a;--t-text:#fff;--t-dim:#9FA8DA;--t-border:rgba(63,81,181,0.1);--t-neon:#3F51B5;--t-accent:#5C6BC0;--t-btn-bg:rgba(63,81,181,0.08);--t-btn-border:#3F51B5;--t-btn-text:#3F51B5; }
.theme-cosmos { --t-bg:#0a1a1a;--t-surface:#152a2a;--t-text:#fff;--t-dim:#80CBC4;--t-border:rgba(0,150,136,0.1);--t-neon:#009688;--t-accent:#4DB6AC;--t-btn-bg:rgba(0,150,136,0.08);--t-btn-border:#009688;--t-btn-text:#009688; }
.theme-eclipse { --t-bg:#1a1a0a;--t-surface:#2d2d15;--t-text:#fff;--t-dim:#FFF9C4;--t-border:rgba(253,216,53,0.1);--t-neon:#FDD835;--t-accent:#FFEE58;--t-btn-bg:rgba(253,216,53,0.08);--t-btn-border:#FDD835;--t-btn-text:#FDD835; }
.theme-twilight { --t-bg:#1a0a1a;--t-surface:#2d152d;--t-text:#fff;--t-dim:#F8BBD0;--t-border:rgba(194,24,91,0.1);--t-neon:#C2185B;--t-accent:#E91E63;--t-btn-bg:rgba(194,24,91,0.08);--t-btn-border:#C2185B;--t-btn-text:#C2185B; }
.theme-dawn { --t-bg:#2e2e1a;--t-surface:#4a4a2a;--t-text:#fff;--t-dim:#FFE0B2;--t-border:rgba(255,152,0,0.1);--t-neon:#FF9800;--t-accent:#FFB74D;--t-btn-bg:rgba(255,152,0,0.08);--t-btn-border:#FF9800;--t-btn-text:#FF9800; }
.theme-dusk { --t-bg:#1a1a2e;--t-surface:#2a2a4a;--t-text:#fff;--t-dim:#B0BEC5;--t-border:rgba(96,125,139,0.1);--t-neon:#607D8B;--t-accent:#78909C;--t-btn-bg:rgba(96,125,139,0.08);--t-btn-border:#607D8B;--t-btn-text:#607D8B; }
.theme-frost { --t-bg:#1a2e2e;--t-surface:#2a4a4a;--t-text:#fff;--t-dim:#B2DFDB;--t-border:rgba(38,166,154,0.1);--t-neon:#26A69A;--t-accent:#4DB6AC;--t-btn-bg:rgba(38,166,154,0.08);--t-btn-border:#26A69A;--t-btn-text:#26A69A; }
.theme-blaze { --t-bg:#2e0a0a;--t-surface:#4a1515;--t-text:#fff;--t-dim:#FFCCBC;--t-border:rgba(244,67,54,0.1);--t-neon:#F44336;--t-accent:#EF5350;--t-btn-bg:rgba(244,67,54,0.08);--t-btn-border:#F44336;--t-btn-text:#F44336; }

/* ===== THEME APPLY ===== */
[class*="theme-"] body, body[class*="theme-"] { background: var(--t-bg, #090B14); color: var(--t-text, #FFFFFF); }
[class*="theme-"] .navbar { background: var(--t-bg, #090B14); border-bottom: 1px solid var(--t-border); }
[class*="theme-"] .btn-primary { background: var(--t-neon, #00F5C0); color: var(--t-bg, #090B14); }
[class*="theme-"] .btn-outline { border-color: var(--t-neon, #00F5C0); color: var(--t-neon, #00F5C0); }
[class*="theme-"] .dash-tab.active { background: var(--t-neon, #00F5C0); color: var(--t-bg, #090B14); }
[class*="theme-"] .live-preview-content { background: var(--t-bg, #090B14); }

/* ===== BUTTON STYLES (12 ta) ===== */
.btn-neon { background: var(--t-btn-bg, rgba(0,245,192,0.08)); border: 1.5px solid var(--t-btn-border, #00F5C0); color: var(--t-btn-text, #00F5C0); }
.btn-neon:hover { box-shadow: 0 0 20px var(--t-btn-border, #00F5C0); }
.btn-glass { background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.12); color: var(--t-text, #fff); }
.btn-glass:hover { background: rgba(255,255,255,0.1); }
.btn-gradient { background: linear-gradient(135deg, var(--t-neon, #00F5C0), var(--t-accent, #A855F7)); color: #fff; border: none; }
.btn-gradient:hover { opacity: 0.9; }
.btn-3d { background: var(--t-surface, #1a1a2e); border: 2px solid var(--t-neon, #00F5C0); box-shadow: 0 4px 0 rgba(0,0,0,0.3); color: var(--t-neon, #00F5C0); }
.btn-3d:active { transform: translateY(3px); box-shadow: 0 1px 0 rgba(0,0,0,0.3); }
.btn-minimal { background: transparent; border: 1px solid rgba(128,128,128,0.3); color: var(--t-text, #fff); }
.btn-minimal:hover { border-color: var(--t-neon, #00F5C0); }
.btn-brutal { background: #FFD700; border: 3px solid #000; color: #000; font-weight: 800; text-transform: uppercase; }
.btn-brutal:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 #000; }
.btn-vintage { background: linear-gradient(145deg, #2c1810, #3d2b1f); border: 1.5px solid #c9a96e; color: #c9a96e; font-family: 'Playfair Display', serif; }
.btn-outline { background: transparent; border: 2px solid var(--t-neon, #00F5C0); color: var(--t-neon, #00F5C0); }
.btn-outline:hover { background: var(--t-btn-bg, rgba(0,245,192,0.08)); }
.btn-shadow { background: var(--t-surface, #1a1a2e); border: none; color: var(--t-text, #fff); box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.btn-shadow:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.5); transform: translateY(-2px); }
.btn-rounded { background: var(--t-neon, #00F5C0); border: none; color: #090B14; border-radius: 25px; }
.btn-pill { background: var(--t-neon, #00F5C0); border: none; color: #090B14; border-radius: 50px; padding: 12px 28px; }
.btn-square { background: var(--t-neon, #00F5C0); border: none; color: #090B14; border-radius: 4px; }

/* ===== HOVER EFFECTS (10 ta) ===== */
.hover-scale:hover { transform: scale(1.05); }
.hover-glow:hover { box-shadow: 0 0 25px var(--t-neon, #00F5C0); }
.hover-rotate:hover { transform: rotate(1.5deg); }
.hover-slide:hover { transform: translateX(8px); }
.hover-bounce:hover { animation: bounceA 0.5s ease; }
.hover-pulse:hover { animation: pulseA 1s ease infinite; }
.hover-shake:hover { animation: shakeA 0.5s ease; }
.hover-flip:hover { transform: rotateY(10deg); }
.hover-swing:hover { animation: swingA 0.6s ease; }
.hover-tada:hover { animation: tadaA 0.6s ease; }

@keyframes bounceA { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes pulseA { 0%,100%{transform:scale(1)} 50%{transform:scale(1.04)} }
@keyframes shakeA { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }
@keyframes swingA { 20%{transform:rotate(5deg)} 40%{transform:rotate(-5deg)} 60%{transform:rotate(3deg)} 80%{transform:rotate(-3deg)} 100%{transform:rotate(0)} }
@keyframes tadaA { 0%{transform:scale(1)} 10%,20%{transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale(1.05) rotate(3deg)} 40%,60%,80%{transform:scale(1.05) rotate(-3deg)} 100%{transform:scale(1) rotate(0)} }