/**
 * Dark Mode Theme - S2Moments
 * Professional dark theme with smooth transitions
 * Version: 1.0.0
 */

/* ===== Theme Transition ===== */
html,
html * {
    transition: background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        fill 0.3s ease,
        stroke 0.3s ease;
}

/* Exclude elements that shouldn't transition */
html .no-transition,
html .no-transition * {
    transition: none !important;
}

/* ===== Dark Theme Variables ===== */
[data-theme="dark"] {
    /* Background colors - Avoid pure black */
    --color-bg-primary: #121212;
    --color-bg-secondary: #1e1e1e;
    --color-bg-tertiary: #252525;
    --color-bg-elevated: #2a2a2a;
    --color-bg-card: #1c1c1c;
    --color-bg-hover: #2d2d2d;

    /* Text colors - Off-white for reduced eye strain */
    --color-text-primary: #E0E0E0;
    --color-text-secondary: #B0B0B0;
    --color-text-muted: #808080;
    --color-text-inverted: #1A1A1A;

    /* Brand colors - Adjusted for dark background */
    --brand-gold: #E8C547;
    --brand-gold-light: #F5E6A3;
    --brand-gold-dark: #C9A82F;
    --brand-gold-hover: #D4B43A;

    /* Override existing variables */
    --color-white: #121212;
    --color-dark: #E0E0E0;
    --color-gray: #A0A0A0;
    --color-gray-light: #2a2a2a;
    --color-gray-lighter: #1e1e1e;
    --color-gray-ultra: #1a1a1a;
    --color-gray-dark: #d0d0d0;
    --color-gray-medium: #909090;

    /* Gradients - Dark theme optimized */
    --gradient-hero: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%);
    --gradient-soft: linear-gradient(180deg, #1e1e1e 0%, #161616 100%);
    --gradient-glass: linear-gradient(135deg, rgba(30, 30, 30, 0.95) 0%, rgba(20, 20, 20, 0.9) 100%);
    --gradient-gold-subtle: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(201, 168, 47, 0.1) 100%);

    /* Shadows - Enhanced for dark mode */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.6);
    --shadow-gold: 0 4px 25px rgba(232, 197, 71, 0.3);
    --shadow-gold-glow: 0 0 30px rgba(232, 197, 71, 0.35);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.5);

    /* Borders */
    --border-color: rgba(255, 255, 255, 0.08);
    --border-color-light: rgba(255, 255, 255, 0.05);
    --border-gold: rgba(232, 197, 71, 0.3);
}

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

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

/* ===== Navbar ===== */
html[data-theme="dark"] .navbar {
    background: rgba(18, 18, 18, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 1px 0 rgba(232, 197, 71, 0.1);
}

html[data-theme="dark"] .navbar.scrolled {
    background: rgba(18, 18, 18, 0.98) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .navbar.scrolled::after {
    background: linear-gradient(90deg, transparent, rgba(232, 197, 71, 0.3), transparent);
}

html[data-theme="dark"] .logo,
html[data-theme="dark"] .navbar .logo {
    color: #E0E0E0 !important;
}

html[data-theme="dark"] .logo span,
html[data-theme="dark"] .navbar .logo span {
    color: #E0E0E0 !important;
}

html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .nav-menu .nav-link {
    color: #B0B0B0 !important;
    transition: all 0.3s ease;
}

html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .navbar .nav-link:hover {
    color: #E8C547 !important;
}

html[data-theme="dark"] .nav-link.active,
html[data-theme="dark"] .navbar .nav-link.active {
    color: #E8C547 !important;
}

/* ===== Bottom Navigation ===== */
[data-theme="dark"] .bottom-nav {
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.98) 0%, #1e1e1e 100%);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .bottom-nav::before {
    background: var(--color-gray-light);
}

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

[data-theme="dark"] .bottom-nav-item.active {
    color: var(--brand-gold-dark);
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(201, 168, 47, 0.1) 100%);
}

[data-theme="dark"] .bottom-nav-icon-wrapper {
    border-color: var(--color-bg-secondary);
}

/* ===== Hero Section ===== */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%);
}

[data-theme="dark"] .hero::before {
    background: radial-gradient(ellipse at center, rgba(232, 197, 71, 0.08) 0%, transparent 60%);
}

[data-theme="dark"] .hero-title,
[data-theme="dark"] .hero-title span:not(.text-brand-gold) {
    color: var(--color-text-primary);
}

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

[data-theme="dark"] .hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.2) 0%, rgba(232, 197, 71, 0.1) 100%);
    border-color: rgba(232, 197, 71, 0.35);
    color: var(--brand-gold);
}

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

[data-theme="dark"] .hero-feature svg {
    stroke: var(--brand-gold);
}

/* ===== Stat Cards ===== */
[data-theme="dark"] .stat-card {
    background: linear-gradient(145deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
    box-shadow: var(--shadow-card);
}

[data-theme="dark"] .stat-card:hover {
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(232, 197, 71, 0.25);
}

[data-theme="dark"] .stat-card::before {
    background: linear-gradient(90deg, var(--brand-gold), var(--brand-gold-light));
}

[data-theme="dark"] .stat-label {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .stat-icon {
    background: linear-gradient(145deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%);
}

/* ===== Hero Trust Section ===== */
[data-theme="dark"] .hero-trust {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .trust-text span {
    color: var(--color-text-secondary);
}

/* ===== Cards & General Components ===== */
[data-theme="dark"] .why-us-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .feature-item-simple,
[data-theme="dark"] .step-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-item-enhanced,
[data-theme="dark"] .catalog-item,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .why-us-card-new,
[data-theme="dark"] .feature-card-new,
[data-theme="dark"] .feature-card-enhanced,
[data-theme="dark"] .why-us-card-enhanced,
[data-theme="dark"] .contact-main-card,
[data-theme="dark"] .contact-info-card-enhanced {
    background: var(--color-bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .why-us-card:hover,
[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .feature-item-simple:hover,
[data-theme="dark"] .step-card:hover,
[data-theme="dark"] .pricing-card:hover,
[data-theme="dark"] .catalog-item:hover,
[data-theme="dark"] .why-us-card-new:hover,
[data-theme="dark"] .feature-card-new:hover,
[data-theme="dark"] .feature-card-enhanced:hover,
[data-theme="dark"] .why-us-card-enhanced:hover {
    border-color: var(--border-gold);
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .why-us-card h3,
[data-theme="dark"] .feature-card h3,
[data-theme="dark"] .step-card h4,
[data-theme="dark"] .feature-text-simple h4,
[data-theme="dark"] .why-us-card-new h3,
[data-theme="dark"] .feature-card-new h4,
[data-theme="dark"] .feature-card-content h4,
[data-theme="dark"] .feature-card-enhanced h3 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .why-us-card p,
[data-theme="dark"] .feature-card p,
[data-theme="dark"] .step-card p,
[data-theme="dark"] .feature-text-simple p,
[data-theme="dark"] .why-us-card-new p,
[data-theme="dark"] .feature-card-new p,
[data-theme="dark"] .feature-card-content p,
[data-theme="dark"] .feature-card-enhanced p {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .why-us-icon,
[data-theme="dark"] .step-card .step-icon,
[data-theme="dark"] .feature-icon-simple,
[data-theme="dark"] .feature-icon-box,
[data-theme="dark"] .why-us-icon-enhanced,
[data-theme="dark"] .feature-icon-wrapper,
[data-theme="dark"] .info-card-icon {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%);
}

[data-theme="dark"] .feature-icon {
    color: #E8C547 !important;
}

/* ===== Section Styling ===== */
[data-theme="dark"] .why-us,
[data-theme="dark"] .features,
[data-theme="dark"] .features-preview,
[data-theme="dark"] .how-it-works,
[data-theme="dark"] .pricing-preview,
[data-theme="dark"] .testimonials,
[data-theme="dark"] .faq,
[data-theme="dark"] .contact,
[data-theme="dark"] .catalog,
[data-theme="dark"] .cta-section,
[data-theme="dark"] .why-us-page,
[data-theme="dark"] .features-page,
[data-theme="dark"] .faq-section,
[data-theme="dark"] .contact-section-enhanced {
    background: var(--color-bg-primary);
}

[data-theme="dark"] .why-us::before,
[data-theme="dark"] .features::before,
[data-theme="dark"] .features-preview::before,
[data-theme="dark"] .how-it-works::before,
[data-theme="dark"] .pricing-preview::before,
[data-theme="dark"] .testimonials::before,
[data-theme="dark"] .faq::before,
[data-theme="dark"] .contact::before,
[data-theme="dark"] .cta-section::before {
    background: linear-gradient(90deg, transparent, rgba(232, 197, 71, 0.2), transparent);
}

/* ===== Section Headers ===== */
[data-theme="dark"] .section-header::before {
    color: var(--brand-gold);
}

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

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

/* ===== Buttons ===== */
[data-theme="dark"] .btn-outline {
    border-color: var(--brand-gold);
    color: var(--brand-gold);
}

[data-theme="dark"] .btn-outline:hover {
    color: var(--color-text-inverted);
}

[data-theme="dark"] .btn-outline svg {
    stroke: var(--brand-gold);
}

[data-theme="dark"] .btn-outline:hover svg {
    stroke: var(--color-text-inverted);
}

/* ===== Catalog ===== */
[data-theme="dark"] .catalog-instruction {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.25);
    color: var(--color-text-primary);
}

[data-theme="dark"] .catalog-toggle-label {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.25);
    color: var(--brand-gold);
}

[data-theme="dark"] .catalog-toggle-btn,
[data-theme="dark"] .catalog-tab {
    background: var(--color-bg-card) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .catalog-toggle-btn:hover,
[data-theme="dark"] .catalog-tab:hover {
    border-color: var(--brand-gold) !important;
    color: var(--brand-gold) !important;
    background: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .catalog-toggle-btn.active,
[data-theme="dark"] .catalog-tab.active {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
    border-color: var(--brand-gold-dark) !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

/* SVG icons inside toggle buttons */
[data-theme="dark"] .catalog-toggle-btn svg {
    stroke: #B0B0B0 !important;
}

[data-theme="dark"] .catalog-toggle-btn:hover svg {
    stroke: var(--brand-gold) !important;
}

[data-theme="dark"] .catalog-toggle-btn.active svg {
    stroke: #0a0a0a !important;
}

/* Catalog toggle wrapper */
[data-theme="dark"] .catalog-toggle {
    background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .catalog-active-label {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%) !important;
    border-color: rgba(232, 197, 71, 0.35) !important;
}

[data-theme="dark"] .catalog-active-label .label-text {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .catalog-item-info {
    background: linear-gradient(180deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
}

[data-theme="dark"] .catalog-item-name {
    color: var(--color-text-primary);
}

[data-theme="dark"] .catalog-item-price {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.12) 0%, rgba(232, 197, 71, 0.06) 100%);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .catalog-btn-demo {
    background: var(--color-bg-tertiary);
    border-color: var(--border-color);
    color: var(--color-text-secondary);
}

[data-theme="dark"] .catalog-btn-demo svg {
    stroke: var(--color-text-secondary);
}

[data-theme="dark"] .catalog-btn-demo:hover {
    border-color: var(--brand-gold);
    color: var(--brand-gold);
}

[data-theme="dark"] .catalog-btn-demo:hover svg {
    stroke: var(--brand-gold);
}

/* ===== Testimonials ===== */
[data-theme="dark"] .testimonial-card {
    background: linear-gradient(145deg, rgba(30, 30, 30, 0.98) 0%, rgba(25, 25, 25, 0.95) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .testimonial-card::before {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.2) 0%, rgba(232, 197, 71, 0.08) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

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

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

[data-theme="dark"] .testimonials-nav {
    background: linear-gradient(145deg, rgba(30, 30, 30, 0.95) 0%, rgba(25, 25, 25, 0.9) 100%);
    border-color: rgba(232, 197, 71, 0.35);
}

[data-theme="dark"] .testimonial-dot {
    background: rgba(232, 197, 71, 0.25);
}

[data-theme="dark"] .testimonial-dot.active {
    background: var(--gradient-gold);
}

[data-theme="dark"] .testimonial-cta {
    border-color: rgba(232, 197, 71, 0.15);
}

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

/* ===== FAQ ===== */
[data-theme="dark"] .faq::after {
    color: rgba(232, 197, 71, 0.04);
}

[data-theme="dark"] .faq-search-box {
    background: var(--color-bg-card);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .faq-search-box input {
    color: var(--color-text-primary);
}

[data-theme="dark"] .faq-search-box input::placeholder {
    color: var(--color-text-muted);
}

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

[data-theme="dark"] .faq-nav-btn:hover {
    border-color: rgba(232, 197, 71, 0.35);
    color: var(--brand-gold);
}

[data-theme="dark"] .faq-nav-btn.active {
    background: var(--gradient-gold);
    color: var(--color-text-inverted);
}

[data-theme="dark"] .faq-question,
[data-theme="dark"] .faq-question-enhanced {
    background: transparent;
}

[data-theme="dark"] .faq-q-content span:last-child {
    color: var(--color-text-primary);
}

[data-theme="dark"] .faq-answer p,
[data-theme="dark"] .faq-answer-enhanced p {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .faq-item.active,
[data-theme="dark"] .faq-item-enhanced.active {
    border-color: rgba(232, 197, 71, 0.4);
}

[data-theme="dark"] .faq-cta-enhanced {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.2);
}

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

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

/* ===== Contact ===== */
[data-theme="dark"] .contact-card,
[data-theme="dark"] .contact-main-card {
    background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

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

[data-theme="dark"] .contact-response-time {
    background: rgba(37, 211, 102, 0.12);
    border-color: rgba(37, 211, 102, 0.2);
}

[data-theme="dark"] .contact-social-label {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .contact-info-card-enhanced {
    background: var(--color-bg-tertiary);
    border-color: var(--border-color);
}

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

[data-theme="dark"] .contact-info-content p {
    color: var(--color-text-primary);
}

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

[data-theme="dark"] .trust-badge span:last-child {
    color: var(--color-text-primary);
}

[data-theme="dark"] .contact-faq-quick {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .contact-faq-quick h3 {
    color: var(--color-text-primary);
}

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

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

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

/* ===== CTA Section ===== */
[data-theme="dark"] .cta-card {
    background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

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

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

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

[data-theme="dark"] .cta-section {
    background: var(--color-bg-primary);
}

[data-theme="dark"] .cta-feature svg {
    stroke: var(--brand-gold);
}

[data-theme="dark"] .btn-cta-whatsapp {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #fff;
}

[data-theme="dark"] .btn-cta-outline {
    background: transparent;
    border-color: var(--brand-gold);
    color: var(--brand-gold);
}

[data-theme="dark"] .btn-cta-outline:hover {
    background: var(--brand-gold);
    color: #0a0a0a;
}

/* ===== CTA Tema Section (Homepage) ===== */
[data-theme="dark"] .cta-tema {
    background: transparent !important;
}

[data-theme="dark"] .cta-tema-wrapper {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .cta-tema-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E8C547' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

[data-theme="dark"] .cta-tema-decoration {
    background: radial-gradient(circle, rgba(232, 197, 71, 0.08) 0%, transparent 70%) !important;
}

[data-theme="dark"] .cta-tema-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .cta-tema-title {
    color: #E0E0E0 !important;
    -webkit-text-fill-color: #E0E0E0 !important;
}

[data-theme="dark"] .cta-tema-title .text-brand-gold {
    background: linear-gradient(135deg, #E8C547 0%, #D4AF37 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-theme="dark"] .cta-tema-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .cta-tema-btn {
    background: linear-gradient(135deg, #E8C547 0%, #D4AF37 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 8px 32px rgba(232, 197, 71, 0.25) !important;
}

[data-theme="dark"] .cta-tema-btn:hover {
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.35) !important;
}

/* ===== Pricing ===== */
[data-theme="dark"] .pricing-header h3 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .pricing-header p {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .pricing-features li {
    color: var(--color-text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .pricing-note {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.12) 0%, rgba(232, 197, 71, 0.06) 100%);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .pricing-note p {
    color: var(--color-text-secondary);
}

/* ===== Page Headers ===== */
[data-theme="dark"] .page-header-enhanced {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%);
}

[data-theme="dark"] .page-title-enhanced {
    color: var(--color-text-primary);
}

[data-theme="dark"] .page-subtitle-enhanced {
    color: var(--color-text-secondary);
}

/* Tema Hero */
[data-theme="dark"] .tema-hero {
    background: linear-gradient(135deg, #0a0a0a 0%, #151515 50%, #0a0a0a 100%);
}

/* Fitur Header */
[data-theme="dark"] .fitur-header {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%);
}

[data-theme="dark"] .highlight-item {
    background: var(--color-bg-card);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .highlight-item:hover {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.4);
}

/* ===== Feature Categories ===== */
[data-theme="dark"] .feature-category {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.1);
}

[data-theme="dark"] .category-title {
    color: var(--color-text-primary);
    border-color: var(--brand-gold);
}

[data-theme="dark"] .feature-summary {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
    border-color: rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .summary-label {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .summary-card:not(:last-child)::after {
    background: rgba(232, 197, 71, 0.25);
}

/* ===== Back to Top ===== */
[data-theme="dark"] .back-to-top {
    box-shadow: 0 4px 25px rgba(232, 197, 71, 0.4);
}

/* ===== Scroll Progress ===== */
[data-theme="dark"] .scroll-progress {
    background: var(--gradient-gold);
}

/* ===== Modals ===== */
[data-theme="dark"] .testimonial-modal-content {
    background: linear-gradient(145deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .testimonial-modal-header h3 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .testimonial-modal-header p {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .form-group label {
    color: var(--color-text-primary);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea {
    background: var(--color-bg-tertiary);
    color: var(--color-text-primary);
    border-color: rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--brand-gold);
    box-shadow: 0 0 0 3px rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .photo-preview {
    border-color: rgba(232, 197, 71, 0.35);
    background: rgba(232, 197, 71, 0.05);
}

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

/* ===== Footer Note (already dark, ensure consistency) ===== */
[data-theme="dark"] .footer {
    background: linear-gradient(135deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

/* ===== Theme Toggle Button ===== */
.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-left: auto;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 10;
    /* Ensure button is above other elements */
}

/* Position in nav-wrapper - always visible */
.nav-wrapper .theme-toggle {
    margin-left: 12px;
}

/* When inside nav-menu (desktop view), adjust margin */
.nav-menu .theme-toggle {
    margin-left: 8px;
}

.theme-toggle:hover {
    background: rgba(212, 175, 55, 0.15);
    border-color: rgba(212, 175, 55, 0.3);
    transform: scale(1.05);
}

.theme-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.3);
}

.theme-toggle:active {
    transform: scale(0.95);
}

.theme-toggle svg {
    width: 20px;
    height: 20px;
    stroke: var(--brand-gold);
    stroke-width: 2;
    fill: none;
    transition: all 0.3s ease;
    position: absolute;
    pointer-events: none;
    /* Allow clicks to pass through to button */
}

/* Sun icon (visible in dark mode) */
.theme-toggle .sun-icon {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}

/* Moon icon (visible in light mode) */
.theme-toggle .moon-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Dark mode: show sun, hide moon */
[data-theme="dark"] .theme-toggle .sun-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

[data-theme="dark"] .theme-toggle .moon-icon {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

[data-theme="dark"] .theme-toggle {
    background: rgba(232, 197, 71, 0.12);
    border-color: rgba(232, 197, 71, 0.25);
}

[data-theme="dark"] .theme-toggle:hover {
    background: rgba(232, 197, 71, 0.2);
    border-color: rgba(232, 197, 71, 0.4);
}

[data-theme="dark"] .theme-toggle svg {
    stroke: var(--brand-gold);
    pointer-events: none;
    /* CRITICAL: Maintain clickability in dark mode */
}

/* Mobile Responsive - Slightly smaller on small screens */
@media (max-width: 479px) {
    .theme-toggle {
        width: 36px;
        height: 36px;
    }

    .theme-toggle svg {
        width: 18px;
        height: 18px;
        pointer-events: none;
        /* Maintain clickability on mobile */
    }

    .nav-wrapper .theme-toggle {
        margin-left: 8px;
    }
}

/* Theme toggle animation on toggle */
.theme-toggle.toggling {
    animation: togglePulse 0.3s ease;
}

@keyframes togglePulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* ===== Misc Dark Mode Fixes ===== */
[data-theme="dark"] ::selection {
    background: rgba(232, 197, 71, 0.4);
    color: var(--color-text-primary);
}

[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--color-bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--brand-gold), var(--brand-gold-dark));
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--brand-gold-light), var(--brand-gold));
}

/* ===== Footer (Override the light footer from components.css) ===== */
[data-theme="dark"] .footer {
    background: linear-gradient(180deg, #0a0a0a 0%, #050505 100%) !important;
}

[data-theme="dark"] .footer::before {
    background: linear-gradient(90deg, transparent, rgba(232, 197, 71, 0.4), transparent) !important;
}

[data-theme="dark"] .footer .footer-tagline {
    color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .footer .footer-links-minimal a {
    color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .footer .footer-links-minimal a:hover {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .footer .footer-contact-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .footer .footer-contact-btn:hover {
    background: rgba(232, 197, 71, 0.1) !important;
    border-color: var(--brand-gold) !important;
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .footer .footer-social a {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .footer .footer-social a:hover {
    background: rgba(232, 197, 71, 0.15) !important;
    border-color: var(--brand-gold) !important;
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .footer .footer-divider {
    background: linear-gradient(90deg, transparent, rgba(232, 197, 71, 0.5), transparent) !important;
}

[data-theme="dark"] .footer .footer-divider-star {
    background: #050505 !important;
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .footer .footer-copyright {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .footer .footer-parent-link {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .footer .footer-parent-link a {
    color: var(--brand-gold) !important;
}

/* ===== Breadcrumb ===== */
[data-theme="dark"] .breadcrumb-container {
    background: var(--color-bg-secondary);
    border-color: rgba(232, 197, 71, 0.15);
}

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

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

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

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

/* ===== Homepage FAQ Section ===== */
[data-theme="dark"] .homepage-faq-section {
    background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 50%, var(--color-bg-secondary) 100%);
}

[data-theme="dark"] .homepage-faq-section::before {
    background: radial-gradient(circle, rgba(232, 197, 71, 0.08) 0%, transparent 70%);
}

[data-theme="dark"] .homepage-faq-title {
    color: var(--color-text-primary);
}

[data-theme="dark"] .homepage-faq-subtitle {
    color: var(--color-text-secondary);
}

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

[data-theme="dark"] .homepage-faq-item:hover {
    box-shadow: 0 8px 32px rgba(232, 197, 71, 0.15);
    border-color: rgba(232, 197, 71, 0.25);
}

[data-theme="dark"] .homepage-faq-item.active {
    border-color: rgba(232, 197, 71, 0.4);
    box-shadow: 0 8px 32px rgba(232, 197, 71, 0.2);
}

[data-theme="dark"] .homepage-faq-question {
    color: var(--color-text-primary);
}

[data-theme="dark"] .homepage-faq-question:hover {
    color: var(--brand-gold);
}

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

[data-theme="dark"] .homepage-faq-answer strong {
    color: var(--brand-gold);
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.2), rgba(232, 197, 71, 0.1));
}

[data-theme="dark"] .homepage-faq-cta {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%);
    border-color: rgba(232, 197, 71, 0.25);
}

[data-theme="dark"] .homepage-faq-cta-text {
    color: var(--color-text-primary);
}

/* ===== Social Section Enhanced ===== */
[data-theme="dark"] .social-section-enhanced {
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .social-header h2,
[data-theme="dark"] .social-header h3 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .social-header p {
    color: var(--color-text-secondary);
}

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

[data-theme="dark"] .social-card-enhanced:hover {
    border-color: rgba(232, 197, 71, 0.3);
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .social-card-info .social-name {
    color: var(--color-text-primary);
}

[data-theme="dark"] .social-card-info .social-handle {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .social-card-arrow svg {
    stroke: var(--color-text-muted);
}

/* ===== Contact Alt Buttons ===== */
[data-theme="dark"] .contact-alt-btn {
    background: rgba(232, 197, 71, 0.08);
    border-color: rgba(232, 197, 71, 0.15);
}

[data-theme="dark"] .contact-alt-btn:hover {
    background: rgba(232, 197, 71, 0.15);
    border-color: rgba(232, 197, 71, 0.3);
}

[data-theme="dark"] .contact-alt-btn span {
    color: var(--color-text-primary);
}

/* ===== Contact Divider ===== */
[data-theme="dark"] .contact-divider::before,
[data-theme="dark"] .contact-divider::after {
    background: rgba(255, 255, 255, 0.1);
}

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

/* ===== Contact Main Title ===== */
[data-theme="dark"] .contact-main-title h2 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .contact-main-title p {
    color: var(--color-text-secondary);
}

/* ===== Mascot Status ===== */
[data-theme="dark"] .mascot-status {
    background: var(--color-bg-tertiary);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

/* ===== Info Card Content ===== */
[data-theme="dark"] .info-card-content h3 {
    color: var(--color-text-muted);
}

[data-theme="dark"] .info-card-content p {
    color: var(--color-text-primary);
}

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

/* ===== SEO Section (Kontak Page) ===== */
[data-theme="dark"] .seo-section-kontak {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-subtitle {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-card {
    background: var(--color-bg-card) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-card-text {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq {
    background: var(--color-bg-card) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq-item {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq-q {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq-a {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .seo-section-kontak .seo-faq-footer {
    color: var(--color-text-secondary) !important;
}

/* ===== Skip to Main ===== */
[data-theme="dark"] .skip-to-main {
    background-color: var(--brand-gold);
    color: var(--color-text-inverted);
}

/* ===== Tema Features ===== */
[data-theme="dark"] .tema-features-new {
    background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
}

[data-theme="dark"] .tema-feature-card {
    background: var(--color-bg-card);
    border-color: var(--border-color);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tema-feature-card:hover {
    box-shadow: 0 12px 32px rgba(232, 197, 71, 0.15);
    border-color: rgba(232, 197, 71, 0.25);
}

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

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

/* ===== Response Guarantee ===== */
[data-theme="dark"] .response-guarantee {
    background: rgba(37, 211, 102, 0.1);
    border-color: rgba(37, 211, 102, 0.2);
}

[data-theme="dark"] .response-guarantee span {
    color: var(--color-text-secondary);
}

/* ===== FAQ Category Title ===== */
[data-theme="dark"] .faq-category-title {
    color: var(--brand-gold);
    border-color: rgba(232, 197, 71, 0.3);
}

/* ===== FAQ Category Header ===== */
[data-theme="dark"] .faq-category-header .category-icon {
    color: var(--brand-gold);
}

/* ===== Catalog Category Title ===== */
[data-theme="dark"] .catalog-category-title {
    color: var(--color-text-primary);
}

/* ===== Steps Grid Line ===== */
[data-theme="dark"] .steps-grid::before {
    background: linear-gradient(90deg, rgba(232, 197, 71, 0.25), rgba(232, 197, 71, 0.4), rgba(232, 197, 71, 0.4), rgba(34, 197, 94, 0.4));
}

/* ===== Payment Section ===== */
[data-theme="dark"] .payment {
    background: var(--color-bg-primary);
}

/* ===== Text Gradient Gold ===== */
[data-theme="dark"] .text-gradient-gold {
    background: linear-gradient(135deg, var(--brand-gold) 0%, #f4d03f 50%, var(--brand-gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* ===== Hero Stats Container (Tema Hero) ===== */
[data-theme="dark"] .tema-hero-stats {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
}

/* ===== Inline Styles Override ===== */
/* These target common inline color values */
[data-theme="dark"] [style*="color: #1a1a1a"],
[data-theme="dark"] [style*="color: #1A1A1A"],
[data-theme="dark"] [style*="color:#1a1a1a"],
[data-theme="dark"] [style*="color:#1A1A1A"] {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color:#666"] {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"] {
    background: var(--color-bg-card) !important;
}

[data-theme="dark"] [style*="background: #fafafa"],
[data-theme="dark"] [style*="background:#fafafa"] {
    background: var(--color-bg-secondary) !important;
}

/* ===== Links in Dark Mode ===== */
[data-theme="dark"] a[style*="color: #D4AF37"],
[data-theme="dark"] a[style*="color:#D4AF37"] {
    color: var(--brand-gold) !important;
}

/* ===== Fitur Highlights Container ===== */
[data-theme="dark"] .fitur-highlights {
    background: transparent;
}

/* ===== Container for Page Content ===== */
[data-theme="dark"] .page-content {
    background: var(--color-bg-primary);
}

/* ===== Card Glow Effect ===== */
[data-theme="dark"] .card-glow {
    background: radial-gradient(ellipse at center, rgba(232, 197, 71, 0.1) 0%, transparent 60%);
}

/* ===== FAQ No Results ===== */
[data-theme="dark"] .faq-no-results h4 {
    color: var(--color-text-primary);
}

[data-theme="dark"] .faq-no-results p {
    color: var(--color-text-secondary);
}

/* ===== Header Badge ===== */
[data-theme="dark"] .header-badge {
    background: rgba(37, 211, 102, 0.15);
    border-color: rgba(37, 211, 102, 0.25);
}

/* ===== Trust Badges Full ===== */
[data-theme="dark"] .hero-trust-badges .trust-badge {
    color: var(--color-text-secondary);
}

/* ===== Catalog Item Image ===== */
[data-theme="dark"] .catalog-item-image {
    background: linear-gradient(145deg, #101010 0%, #0a0a0a 100%);
}

/* ===== Focus Visible Override ===== */
[data-theme="dark"] :focus-visible {
    outline-color: var(--brand-gold);
}

/* ===== Kontak Page Specific - Dark Mode ===== */
[data-theme="dark"] .page-header-enhanced {
    background: linear-gradient(180deg, #121212 0%, #1a1a1a 100%) !important;
}

[data-theme="dark"] .page-header-bg::before {
    background: radial-gradient(circle at center, rgba(232, 197, 71, 0.08) 0%, transparent 70%) !important;
}

[data-theme="dark"] .page-header-enhanced::before,
[data-theme="dark"] .page-header-enhanced::after {
    color: var(--brand-gold) !important;
    opacity: 0.3 !important;
}

[data-theme="dark"] .contact-section-enhanced {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .contact-main-card {
    background: var(--color-bg-card) !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .contact-main-card::before {
    background: linear-gradient(90deg, var(--brand-gold), var(--brand-gold-dark)) !important;
}

[data-theme="dark"] .mascot-status {
    background: #252525 !important;
    border-color: #252525 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mascot-status span {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .contact-main-title h2 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .contact-main-title p {
    color: var(--color-text-secondary) !important;
}

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

[data-theme="dark"] .contact-info-card-enhanced {
    background: var(--color-bg-tertiary) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .contact-info-card-enhanced:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 8px 30px rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .contact-info-card-enhanced::before {
    background: rgba(232, 197, 71, 0.08) !important;
}

[data-theme="dark"] .info-card-icon {
    background: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .contact-info-card-enhanced:hover .info-card-icon {
    background: rgba(232, 197, 71, 0.25) !important;
}

[data-theme="dark"] .info-card-content h3 {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .info-card-content p {
    color: var(--color-text-primary) !important;
}

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

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

[data-theme="dark"] .contact-divider::before,
[data-theme="dark"] .contact-divider::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent) !important;
}

[data-theme="dark"] .contact-alt-btn {
    background: var(--color-bg-card) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .contact-alt-btn::before {
    background: rgba(232, 197, 71, 0.08) !important;
}

[data-theme="dark"] .contact-alt-btn:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 8px 24px rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .contact-alt-btn span {
    color: var(--color-text-primary) !important;
}

/* ===== Social Section - Contact Page Dark Mode ===== */
[data-theme="dark"] .social-section-enhanced {
    background: var(--color-bg-secondary) !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .social-section-enhanced::before,
[data-theme="dark"] .social-section-enhanced::after {
    background: linear-gradient(90deg, transparent, rgba(232, 197, 71, 0.3), transparent) !important;
}

[data-theme="dark"] .social-section-enhanced .social-header p {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .social-card-enhanced {
    background: var(--color-bg-card) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .social-card-enhanced:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .social-card-info {
    background: linear-gradient(90deg, var(--color-bg-card), transparent) !important;
}

[data-theme="dark"] .social-card-info .social-name {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .social-card-info .social-handle {
    color: var(--color-text-secondary) !important;
}

/* ===== Response Guarantee - Dark Mode ===== */
[data-theme="dark"] .response-guarantee {
    background: rgba(37, 211, 102, 0.08) !important;
    border-color: rgba(37, 211, 102, 0.15) !important;
}

[data-theme="dark"] .response-guarantee span {
    color: var(--color-text-secondary) !important;
}

/* ===== FAQ Page - Complete Dark Mode ===== */
[data-theme="dark"] .page-header-simple,
[data-theme="dark"] #faq-header-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #121212 50%, #0d0d0d 100%) !important;
}

[data-theme="dark"] .page-title,
[data-theme="dark"] #faq-page-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .page-subtitle,
[data-theme="dark"] #faq-page-subtitle {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .faq-section {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .faq-search-wrapper {
    background: var(--color-bg-secondary) !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .faq-search-input {
    background: transparent !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .faq-search-input::placeholder {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .faq-category-nav {
    background: var(--color-bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .faq-nav-btn {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .faq-nav-btn:hover {
    background: var(--color-bg-hover) !important;
    border-color: var(--brand-gold) !important;
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .faq-nav-btn.active {
    background: linear-gradient(135deg, var(--brand-gold), var(--brand-gold-dark)) !important;
    border-color: var(--brand-gold) !important;
    color: var(--color-text-inverted) !important;
}

[data-theme="dark"] .faq-container-enhanced {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .faq-category {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .faq-category-header {
    background: var(--color-bg-secondary) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .faq-category-title {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .faq-item-enhanced {
    background: var(--color-bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .faq-question-enhanced {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .faq-item-enhanced.active .faq-question-enhanced {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--brand-gold) !important;
}

[data-theme="dark"] .faq-answer-enhanced {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .faq-answer-enhanced p,
[data-theme="dark"] .faq-answer-enhanced li,
[data-theme="dark"] .faq-answer-enhanced span {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .faq-answer-enhanced strong {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .faq-q-icon {
    background: linear-gradient(135deg, var(--brand-gold), var(--brand-gold-dark)) !important;
    color: var(--color-text-inverted) !important;
}

[data-theme="dark"] .faq-toggle svg {
    stroke: var(--brand-gold) !important;
}

/* ===== FAQ SEO Section - "Masih Ada Pertanyaan?" ===== */
[data-theme="dark"] section[style*="background: linear-gradient(135deg, #fafafa"],
[data-theme="dark"] section[style*="background:linear-gradient(135deg, #fafafa"] {
    background: var(--color-bg-primary) !important;
}

/* Override inline styles on FAQ SEO section elements */
[data-theme="dark"] section[style*="#fafafa"] h2,
[data-theme="dark"] section[style*="#fafafa"] h2[style*="color: #1A1A1A"] {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] section[style*="#fafafa"] p,
[data-theme="dark"] section[style*="#fafafa"] p[style*="color: #666"] {
    color: var(--color-text-secondary) !important;
}

/* FAQ SEO Cards - Override inline styles */
[data-theme="dark"] section[style*="#fafafa"] div[style*="background: white"],
[data-theme="dark"] section[style*="#fafafa"] div[style*="background:white"] {
    background: var(--color-bg-card) !important;
    border: 1px solid rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] section[style*="#fafafa"] div[style*="background: white"] h4,
[data-theme="dark"] section[style*="#fafafa"] div[style*="background:white"] h4 {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] section[style*="#fafafa"] div[style*="background: white"] p,
[data-theme="dark"] section[style*="#fafafa"] div[style*="background:white"] p {
    color: var(--color-text-secondary) !important;
}

/* ===== Tema Section (Homepage) ===== */
[data-theme="dark"] .tema-preview,
[data-theme="dark"] .home-tema-section,
[data-theme="dark"] section.tema {
    background: var(--color-bg-primary) !important;
}

/* General inline styled light backgrounds */
[data-theme="dark"] section[style*="background: #FDF8F3"],
[data-theme="dark"] section[style*="background:#FDF8F3"],
[data-theme="dark"] section[style*="background: #f8f4ef"],
[data-theme="dark"] section[style*="background:#f8f4ef"],
[data-theme="dark"] section[style*="background: #FEFBF6"],
[data-theme="dark"] section[style*="background:#FEFBF6"],
[data-theme="dark"] div[style*="background: #FDF8F3"],
[data-theme="dark"] div[style*="background:#FDF8F3"] {
    background: var(--color-bg-primary) !important;
}

/* ===== Fitur Page Wave Section ===== */
[data-theme="dark"] .page-header::after,
[data-theme="dark"] .page-header-simple::after {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .features-section,
[data-theme="dark"] .fitur-section {
    background: var(--color-bg-primary) !important;
}

/* Fitur Hero wave background fix */
[data-theme="dark"] .page-header {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d0d0d 100%) !important;
}

/* ===== General White/Cream Background Override ===== */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background:#ffffff"] {
    background: var(--color-bg-card) !important;
}

/* Override light text colors for dark mode */
[data-theme="dark"] [style*="color: #1A1A1A"],
[data-theme="dark"] [style*="color:#1A1A1A"],
[data-theme="dark"] [style*="color: #1a1a1a"],
[data-theme="dark"] [style*="color:#1a1a1a"],
[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color:#333"],
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color:black"] {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color:#666"],
[data-theme="dark"] [style*="color: #555"],
[data-theme="dark"] [style*="color:#555"],
[data-theme="dark"] [style*="color: #777"],
[data-theme="dark"] [style*="color:#777"] {
    color: var(--color-text-secondary) !important;
}

/* ===== Homepage Tema Preview Section ===== */
[data-theme="dark"] .tema-preview-section,
[data-theme="dark"] .theme-preview-section {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .tema-preview-section h2,
[data-theme="dark"] .theme-preview-section h2,
[data-theme="dark"] .tema-preview-section .section-title,
[data-theme="dark"] .theme-preview-section .section-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .tema-preview-section p,
[data-theme="dark"] .theme-preview-section p,
[data-theme="dark"] .tema-preview-section .section-subtitle,
[data-theme="dark"] .theme-preview-section .section-subtitle {
    color: var(--color-text-secondary) !important;
}

/* ===== FAQ WA CTA Section ===== */
[data-theme="dark"] .faq-wa-cta,
[data-theme="dark"] .cta-wa {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%) !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .faq-wa-cta p,
[data-theme="dark"] .cta-wa p {
    color: var(--color-text-secondary) !important;
}

/* ===== Badge Elements ===== */
[data-theme="dark"] .badge-premium,
[data-theme="dark"] .badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    color: var(--brand-gold) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
}

/* ===== Tema Page Hero ===== */
[data-theme="dark"] .tema-hero {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d0d0d 100%) !important;
}

[data-theme="dark"] .tema-hero-bg,
[data-theme="dark"] .tema-hero-pattern {
    background: transparent !important;
    opacity: 0.3 !important;
}

[data-theme="dark"] .tema-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    color: var(--brand-gold) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
}

[data-theme="dark"] .tema-hero-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .tema-hero-subtitle {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .tema-hero-subtitle a {
    color: var(--brand-gold) !important;
}

/* Wave SVG fill - Force dark background */
[data-theme="dark"] .tema-hero-wave svg path,
[data-theme="dark"] .page-header-wave svg path,
[data-theme="dark"] .hero-wave svg path {
    fill: var(--color-bg-primary) !important;
}

/* ===== Fitur Page Hero ===== */
[data-theme="dark"] .page-header-enhanced,
[data-theme="dark"] .fitur-header {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d0d0d 100%) !important;
}

[data-theme="dark"] .page-header-bg {
    background: transparent !important;
    opacity: 0.3 !important;
}

[data-theme="dark"] .page-title-enhanced {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .page-subtitle-enhanced {
    color: var(--color-text-secondary) !important;
}

/* ===== Features Page Section ===== */
[data-theme="dark"] .features-page {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .feature-card-enhanced {
    background: var(--color-bg-card) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .feature-card-enhanced:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .feature-card-enhanced h3 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .feature-card-enhanced p {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .feature-icon-wrapper {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.12) 0%, rgba(232, 197, 71, 0.06) 100%) !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

/* ===== Why Us Page (Fitur Page) ===== */
[data-theme="dark"] .why-us-page {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .why-us-card-enhanced {
    background: var(--color-bg-card) !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .why-us-card-enhanced:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .why-us-icon-enhanced {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
}

[data-theme="dark"] .why-us-icon-enhanced svg {
    stroke: var(--brand-gold) !important;
}

[data-theme="dark"] .why-us-content h3 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .why-us-content p {
    color: var(--color-text-secondary) !important;
}

/* ===== Catalog Page ===== */
[data-theme="dark"] .catalog,
[data-theme="dark"] .catalog-page {
    background: var(--color-bg-primary) !important;
}

/* ===== SEO Sections on Homepage ===== */
[data-theme="dark"] .seo-section,
[data-theme="dark"] .seo-content,
[data-theme="dark"] section.seo {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .seo-section h2,
[data-theme="dark"] .seo-content h2,
[data-theme="dark"] section.seo h2 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .seo-section p,
[data-theme="dark"] .seo-content p,
[data-theme="dark"] section.seo p {
    color: var(--color-text-secondary) !important;
}

/* ===== Main Content Area ===== */
[data-theme="dark"] main,
[data-theme="dark"] .page-content {
    background: var(--color-bg-primary) !important;
}

/* ===== Kirim/Send Page Dark Mode ===== */
[data-theme="dark"] .kirim-page,
[data-theme="dark"] .kirim-main {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .kirim-hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .kirim-title,
[data-theme="dark"] .kirim-subtitle {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .kirim-hero-badge {
    background: rgba(232, 197, 71, 0.15) !important;
    color: var(--brand-gold) !important;
}

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

[data-theme="dark"] .steps-header,
[data-theme="dark"] .steps-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .section-label,
[data-theme="dark"] .section-hint {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .step-number {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .input-group-combined {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .input-group-combined input,
[data-theme="dark"] #invitationId,
[data-theme="dark"] #guestList,
[data-theme="dark"] #introText,
[data-theme="dark"] textarea,
[data-theme="dark"] .kirim-page input[type="text"] {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .input-group-combined input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--color-text-muted) !important;
}

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

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

[data-theme="dark"] .results-title h2,
[data-theme="dark"] .results-header {
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .results-table th {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .results-table td {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .results-table tbody tr:hover td {
    background: var(--color-bg-hover) !important;
}

[data-theme="dark"] .tutorial-section {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .tutorial-header h2,
[data-theme="dark"] .tutorial-header p {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .empty-state {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .guest-stats .stat-badge {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .template-selector select,
[data-theme="dark"] .param-selector select,
[data-theme="dark"] #templateSelect,
[data-theme="dark"] #paramType {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .progress-steps .step-circle {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .progress-steps .step.completed .step-circle {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

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

[data-theme="dark"] .step-line.active {
    background: var(--brand-gold) !important;
}

/* ===== Testimoni Page Dark Mode ===== */
[data-theme="dark"] .testimoni-page,
[data-theme="dark"] .testimoni-main {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .testimoni-hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .testimoni-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .testimoni-subtitle {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .testimoni-hero-badge {
    background: rgba(232, 197, 71, 0.15) !important;
    color: var(--brand-gold) !important;
}

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

[data-theme="dark"] .form-group label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .testimonial-form input,
[data-theme="dark"] .testimonial-form textarea {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: var(--color-text-muted) !important;
}

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

[data-theme="dark"] .rating-input input:checked~label,
[data-theme="dark"] .rating-input label:hover,
[data-theme="dark"] .rating-input label:hover~label {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .photo-upload {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .success-message {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .testimoni-dashboard {
    background: var(--color-bg-primary) !important;
}

/* ===== Blog Page Dark Mode ===== */
[data-theme="dark"] .blog-hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .blog-hero-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .blog-hero-subtitle {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .blog-section {
    background: var(--color-bg-primary) !important;
}

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

[data-theme="dark"] .blog-card:hover {
    box-shadow: var(--shadow-card-hover) !important;
}

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

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

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

[data-theme="dark"] .blog-search-input {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .blog-search-input::placeholder {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .blog-filter-btn {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .blog-filter-btn.active,
[data-theme="dark"] .blog-filter-btn:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .blog-empty-state {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .pagination-btn {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .pagination-btn:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

/* Blog Article Page */
[data-theme="dark"] .blog-article {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .article-header {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .article-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .article-meta {
    color: var(--color-text-secondary) !important;
}

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

[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4 {
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .article-content blockquote {
    background: var(--color-bg-tertiary) !important;
    border-left-color: var(--brand-gold) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .article-content pre,
[data-theme="dark"] .article-content code {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .related-posts {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .related-posts h3 {
    color: var(--color-text-primary) !important;
}

/* ===== Additional Text Color Fixes for All Pages ===== */

/* Kirim/Send Page Text Colors */
[data-theme="dark"] .kirim-page h1,
[data-theme="dark"] .kirim-page h2,
[data-theme="dark"] .kirim-page h3,
[data-theme="dark"] .kirim-page h4 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .kirim-page p,
[data-theme="dark"] .kirim-page span,
[data-theme="dark"] .kirim-page label {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .form-section label,
[data-theme="dark"] .section-label-row label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .preview-link,
[data-theme="dark"] .preview-label,
[data-theme="dark"] .preview-url {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .char-count,
[data-theme="dark"] .generate-hint {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .btn-generate {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .btn-generate:disabled {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .textarea-action-btn,
[data-theme="dark"] .format-btn {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .textarea-action-btn:hover,
[data-theme="dark"] .format-btn:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .btn-header-action {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .btn-header-action:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .results-filter input,
[data-theme="dark"] .search-box input,
[data-theme="dark"] #searchGuest {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

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

[data-theme="dark"] .progress-steps span {
    color: var(--color-text-secondary) !important;
}

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

/* Toast Notification */
[data-theme="dark"] .toast {
    background: var(--color-bg-elevated) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--brand-gold) !important;
}

/* Testimoni Page Text Colors */
[data-theme="dark"] .testimoni-page h1,
[data-theme="dark"] .testimoni-page h2,
[data-theme="dark"] .testimoni-page h3 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .testimoni-page p,
[data-theme="dark"] .testimoni-page span,
[data-theme="dark"] .testimoni-page label {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .required {
    color: #ff6b6b !important;
}

[data-theme="dark"] .btn-submit {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .btn-back {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .btn-back:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

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

[data-theme="dark"] .success-message h2 {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .success-message p {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .success-icon svg {
    color: #4ade80 !important;
}

/* Blog Page Text Colors */
[data-theme="dark"] .blog-controls {
    background: transparent !important;
}

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

[data-theme="dark"] .blog-results-count {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .blog-card-category {
    color: var(--brand-gold) !important;
}

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

[data-theme="dark"] .blog-card-read-more {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .blog-empty-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .blog-empty-text {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .pagination-info {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .page-number {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .page-number.active {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

/* Article Page Text Colors */
[data-theme="dark"] .article-category {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .article-date,
[data-theme="dark"] .article-author {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .article-content a {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .article-content ul li,
[data-theme="dark"] .article-content ol li {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .article-tags span {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .share-buttons a {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .share-buttons a:hover {
    background: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

/* General Links in Dark Mode */
[data-theme="dark"] a {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] a:hover {
    color: var(--brand-gold-light) !important;
}

/* Ensure nav links stay correct - Black text for inactive, gold for active */
[data-theme="dark"] .nav-link {
    color: #E0E0E0 !important;
    transition: all 0.3s ease;
}

[data-theme="dark"] .nav-link:hover {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .nav-link.active {
    color: var(--brand-gold) !important;
}

/* Bottom nav text */
[data-theme="dark"] .bottom-nav-item span {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .bottom-nav-item.active span {
    color: var(--brand-gold) !important;
}

/* Footer in dark mode */
[data-theme="dark"] .footer {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .footer h4,
[data-theme="dark"] .footer-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .footer p,
[data-theme="dark"] .footer span,
[data-theme="dark"] .footer-text {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .footer a {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .footer a:hover {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .footer-copyright {
    color: var(--color-text-muted) !important;
    border-top-color: var(--border-color) !important;
}

/* ===== Tema Page - Catalog Section Dark Mode ===== */
[data-theme="dark"] .catalog.catalog-page .section-title,
[data-theme="dark"] .catalog-page .section-title {
    color: #E0E0E0 !important;
    -webkit-text-fill-color: #E0E0E0 !important;
}

[data-theme="dark"] .catalog.catalog-page .section-subtitle,
[data-theme="dark"] .catalog-page .section-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .catalog.catalog-page .section-subtitle a {
    color: var(--brand-gold) !important;
}

/* Catalog Item Card - Dark Mode */
[data-theme="dark"] .catalog-item {
    background: var(--color-bg-card) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .catalog-item:hover {
    border-color: rgba(232, 197, 71, 0.3) !important;
}

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

[data-theme="dark"] .catalog-item-name {
    color: #E0E0E0 !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .catalog-item-price {
    background: linear-gradient(135deg, rgba(30, 30, 30, 0.9) 0%, rgba(25, 25, 25, 0.95) 100%) !important;
    border: 1px solid rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .catalog-item-price-original {
    color: #808080 !important;
}

[data-theme="dark"] .catalog-item-price-current {
    color: #E8C547 !important;
}

[data-theme="dark"] .catalog-category-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .label-text {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .label-text strong {
    color: #E8C547 !important;
}

/* ===== Features Preview Section (Home Page) - Dark Mode ===== */
[data-theme="dark"] .features-preview {
    background: var(--color-bg-primary) !important;
}

[data-theme="dark"] .features-preview .section-title,
[data-theme="dark"] .features-preview .section-header h2 {
    color: #E0E0E0 !important;
    -webkit-text-fill-color: #E0E0E0 !important;
}

[data-theme="dark"] .features-preview .section-title .text-brand-gold {
    color: var(--brand-gold) !important;
    -webkit-text-fill-color: var(--brand-gold) !important;
}

[data-theme="dark"] .features-preview .section-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .feature-item-simple {
    background: var(--color-bg-card) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .feature-item-simple:hover {
    border-color: rgba(232, 197, 71, 0.3) !important;
    box-shadow: 0 8px 30px rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .feature-icon-simple {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.12) 0%, rgba(232, 197, 71, 0.06) 100%) !important;
}

[data-theme="dark"] .feature-text-simple h4,
[data-theme="dark"] .feature-text-simple h3 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .feature-text-simple p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .features-preview .btn-outline {
    border-color: var(--brand-gold) !important;
    color: var(--brand-gold) !important;
}

[data-theme="dark"] .features-preview .btn-outline:hover {
    background: var(--brand-gold) !important;
    color: #0a0a0a !important;
}

[data-theme="dark"] .features-grid-simple {
    background: transparent !important;
}

/* ===== FAQ Page ===== */
[data-theme="dark"] .page-header-simple {
    background: linear-gradient(180deg, #0d0d0d 0%, #121212 100%) !important;
}

[data-theme="dark"] .page-header-simple::before {
    background: radial-gradient(circle, rgba(232, 197, 71, 0.06) 0%, transparent 70%) !important;
}

[data-theme="dark"] .page-header-simple .page-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .page-header-simple .page-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .faq-section {
    background: #121212 !important;
}

[data-theme="dark"] .faq-search-input {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .faq-search-input::placeholder {
    color: #888 !important;
}

[data-theme="dark"] .faq-category-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .faq-item {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .faq-question {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .faq-answer {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .faq-answer p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .search-results-info {
    background: rgba(232, 197, 71, 0.1) !important;
    color: #E8C547 !important;
}

/* ===== SEO Sections (Kontak & FAQ) ===== */
[data-theme="dark"] .seo-section {
    background: #1c1c1c !important;
}

[data-theme="dark"] .seo-title,
[data-theme="dark"] h2[style*="color: #1A1A1A"] {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .seo-subtitle,
[data-theme="dark"] p[style*="color: #666"] {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .seo-card {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .seo-card-title {
    color: #E8C547 !important;
}

[data-theme="dark"] .seo-card-text {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .seo-faq-title,
[data-theme="dark"] h3[style*="color: #1A1A1A"] {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .seo-faq-q,
[data-theme="dark"] p[style*="color: #1A1A1A"] {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .seo-faq-a {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .seo-faq-footer {
    color: #888 !important;
}

/* FAQ Page Inline Styles Override */
[data-theme="dark"] .faq-main {
    background: #121212 !important;
}

[data-theme="dark"] .faq-grid {
    background: transparent !important;
}

[data-theme="dark"] .faq-category {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .faq-category-header {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .faq-icon {
    color: #E8C547 !important;
}

[data-theme="dark"] .faq-toggle-icon {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .faq-answer a {
    color: #E8C547 !important;
}

/* FAQ Bottom Section */
[data-theme="dark"] section[style*="background: #fafafa"],
[data-theme="dark"] section[style*="background:#fafafa"],
[data-theme="dark"] section[style*="background: #FAFAFA"],
[data-theme="dark"] section[style*="background:#FAFAFA"] {
    background: #1c1c1c !important;
}

[data-theme="dark"] .cta-card-link {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .cta-card-link h4 {
    color: #E8C547 !important;
}

[data-theme="dark"] .cta-card-link p {
    color: #B0B0B0 !important;
}

/* Kontak Page SEO Sections */
[data-theme="dark"] .seo-section-kontak {
    background: #1c1c1c !important;
}

[data-theme="dark"] .seo-faq-item {
    background: #252525 !important;
}

[data-theme="dark"] .social-section-header {
    color: #E0E0E0 !important;
}

/* Contact Page Enhanced Components */
[data-theme="dark"] .contact-section-enhanced {
    background: #121212 !important;
}

[data-theme="dark"] .contact-main-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .contact-main-title h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .contact-main-title p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .contact-divider {
    color: #888 !important;
}

[data-theme="dark"] .contact-divider::before,
[data-theme="dark"] .contact-divider::after {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .contact-alt-btn {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .contact-alt-btn:hover {
    border-color: rgba(232, 197, 71, 0.4) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .contact-info-card-enhanced {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .contact-info-card-enhanced h3 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .contact-info-card-enhanced p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .social-header h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .social-header p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .social-name {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .social-handle {
    color: #888 !important;
}

/* ===== Testimoni Page ===== */
[data-theme="dark"] .testimoni-page,
[data-theme="dark"] .testimoni-main {
    background: #121212 !important;
}

[data-theme="dark"] .testimoni-hero {
    background: linear-gradient(180deg, #0d0d0d 0%, #121212 100%) !important;
}

[data-theme="dark"] .testimoni-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .testimoni-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .testimoni-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .form-wrapper,
[data-theme="dark"] .testimonial-form {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .form-group label {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: #888 !important;
}

[data-theme="dark"] .photo-upload {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .success-message {
    background: #1c1c1c !important;
}

[data-theme="dark"] .success-message h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .success-message p {
    color: #B0B0B0 !important;
}

/* ===== Kirim/Send Pages ===== */
[data-theme="dark"] .kirim-page,
[data-theme="dark"] .send-page {
    background: #121212 !important;
}

[data-theme="dark"] .kirim-main {
    background: #121212 !important;
}

[data-theme="dark"] .kirim-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .kirim-header,
[data-theme="dark"] .send-header {
    background: linear-gradient(180deg, #0d0d0d 0%, #121212 100%) !important;
}

[data-theme="dark"] .kirim-title,
[data-theme="dark"] .send-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .kirim-subtitle,
[data-theme="dark"] .send-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .kirim-form,
[data-theme="dark"] .send-form {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .dashboard-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .section-label {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .section-hint {
    color: #888 !important;
}

[data-theme="dark"] .input-group,
[data-theme="dark"] .input-group-combined {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .input-group input,
[data-theme="dark"] .input-group-combined input {
    color: #E0E0E0 !important;
    background: transparent !important;
}

[data-theme="dark"] .input-prefix,
[data-theme="dark"] .domain-text {
    color: #888 !important;
    background: #1e1e1e !important;
}

[data-theme="dark"] .domain-select {
    color: #B0B0B0 !important;
    background: transparent !important;
}

[data-theme="dark"] .preview-link {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .preview-label {
    color: #888 !important;
}

[data-theme="dark"] .textarea-wrapper textarea {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .textarea-action-btn {
    background: #1e1e1e !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .stat-badge {
    background: #252525 !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .template-selector label {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .template-selector select {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .results-header {
    background: #1c1c1c !important;
}

[data-theme="dark"] .results-title h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .btn-header-action {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .search-box {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .search-box input {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .result-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .result-name {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .result-url {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .progress-steps {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .form-section {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .step span {
    color: #888 !important;
}

[data-theme="dark"] .step.active span,
[data-theme="dark"] .step.completed span {
    color: #E8C547 !important;
}

[data-theme="dark"] .step-line {
    background: #333 !important;
}

[data-theme="dark"] .char-count {
    color: #666 !important;
}

[data-theme="dark"] .generate-hint {
    color: #666 !important;
}

[data-theme="dark"] .custom-domain-input input {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .custom-domain-input label {
    color: #888 !important;
}

/* ===== Tema Page ===== */
[data-theme="dark"] .tema-hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .tema-hero-bg {
    background: transparent !important;
}

[data-theme="dark"] .tema-hero-pattern {
    opacity: 0.3 !important;
}

[data-theme="dark"] .tema-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .tema-hero-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .tema-hero-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .tema-hero-subtitle a {
    color: #E8C547 !important;
}

[data-theme="dark"] .tema-hero-wave svg path {
    fill: #121212 !important;
}

[data-theme="dark"] .tema-features-new {
    background: #121212 !important;
}

[data-theme="dark"] .tema-feature-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .tema-feature-card:hover {
    border-color: rgba(232, 197, 71, 0.3) !important;
}

[data-theme="dark"] .tema-feature-card h3 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .tema-feature-card p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .catalog-container {
    background: #121212 !important;
}

[data-theme="dark"] .filter-section {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .filter-btn {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .filter-btn:hover {
    border-color: rgba(232, 197, 71, 0.4) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .filter-btn.active {
    background: linear-gradient(135deg, #E8C547 0%, #D4AF37 100%) !important;
    border-color: #E8C547 !important;
    color: #1a1a1a !important;
}

/* ===== Kirim/Send Page ===== */
[data-theme="dark"] .kirim-page {
    background: #121212 !important;
}

[data-theme="dark"] .kirim-main {
    background: transparent !important;
}

[data-theme="dark"] .kirim-hero {
    background: transparent !important;
}

[data-theme="dark"] .kirim-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .kirim-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .kirim-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .dashboard-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .steps-header {
    background: transparent !important;
}

[data-theme="dark"] .steps-title {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.25) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .progress-steps {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .step-circle {
    background: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%) !important;
    color: #888 !important;
    border-color: #404040 !important;
}

[data-theme="dark"] .step.active .step-circle,
[data-theme="dark"] .step.completed .step-circle {
    background: linear-gradient(145deg, #e8c547 0%, #d4af37 40%, #b8960f 100%) !important;
    color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .step span {
    color: #666 !important;
}

[data-theme="dark"] .step.active span,
[data-theme="dark"] .step.completed span {
    color: #E8C547 !important;
}

[data-theme="dark"] .step-line {
    background: #333 !important;
}

[data-theme="dark"] .step-line.active {
    background: linear-gradient(90deg, #d4af37, #f4d03f) !important;
}

[data-theme="dark"] .form-section {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .section-label {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .step-number {
    background: #E8C547 !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .input-hint {
    color: #888 !important;
}

[data-theme="dark"] .results-section {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .results-header h3 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .results-count {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .tutorial-section {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
}

[data-theme="dark"] .tutorial-header h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .tutorial-header p {
    color: #B0B0B0 !important;
}

/* ===== Blog Pages ===== */
[data-theme="dark"] body {
    background: #121212 !important;
}

[data-theme="dark"] .blog-page,
[data-theme="dark"] .blog-main,
[data-theme="dark"] .blog-section {
    background: #121212 !important;
}

[data-theme="dark"] .blog-hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #121212 100%) !important;
}

[data-theme="dark"] .blog-hero::before {
    background: radial-gradient(ellipse at center, rgba(232, 197, 71, 0.06) 0%, transparent 60%) !important;
}

[data-theme="dark"] .blog-hero-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-hero-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .blog-controls {
    background: #1c1c1c !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .blog-search-input {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-search-input::placeholder {
    color: #888 !important;
}

[data-theme="dark"] .blog-filter-btn {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .blog-filter-btn:hover {
    border-color: rgba(232, 197, 71, 0.4) !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .blog-filter-btn.active {
    background: linear-gradient(135deg, #E8C547 0%, #D4AF37 100%) !important;
    border-color: #E8C547 !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .blog-results-count {
    color: #888 !important;
}

[data-theme="dark"] .blog-header {
    background: linear-gradient(180deg, #0d0d0d 0%, #121212 100%) !important;
}

[data-theme="dark"] .blog-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .blog-card {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .blog-card:hover {
    border-color: rgba(232, 197, 71, 0.3) !important;
    box-shadow: 0 12px 40px rgba(232, 197, 71, 0.08) !important;
}

[data-theme="dark"] .blog-card-content {
    background: transparent !important;
}

[data-theme="dark"] .blog-card-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-card-excerpt {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .blog-card-meta {
    color: #888 !important;
}

[data-theme="dark"] .blog-card-footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .blog-card-author {
    color: #888 !important;
}

[data-theme="dark"] .blog-post {
    background: #121212 !important;
}

[data-theme="dark"] .blog-post-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-post-content {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .blog-post-meta {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .blog-post-author-name {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-post-date {
    color: #888 !important;
}

[data-theme="dark"] .blog-post-share {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .blog-post-share-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .related-posts {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .related-posts-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .pagination-btn {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .pagination-btn:hover:not(:disabled) {
    background: #252525 !important;
    border-color: #E8C547 !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .pagination-btn.active {
    background: linear-gradient(135deg, #E8C547 0%, #D4AF37 100%) !important;
    border-color: #E8C547 !important;
    color: #1a1a1a !important;
}

[data-theme="dark"] .blog-empty-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .blog-empty-text {
    color: #888 !important;
}

[data-theme="dark"] .article-content {
    background: #121212 !important;
}

[data-theme="dark"] .article-content h1,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .article-content blockquote {
    background: #1c1c1c !important;
    border-left-color: #E8C547 !important;
    color: #B0B0B0 !important;
}

[data-theme="dark"] .article-content code {
    background: #252525 !important;
    color: #E8C547 !important;
}

[data-theme="dark"] .article-content pre {
    background: #1c1c1c !important;
}

[data-theme="dark"] .article-author {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.1) !important;
}

[data-theme="dark"] .article-author-name {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .article-author-bio {
    color: #B0B0B0 !important;
}

/* ===== Testimoni Page ===== */
[data-theme="dark"] .testimoni-page {
    background: linear-gradient(180deg, #121212 0%, #1a1a1a 100%) !important;
}

[data-theme="dark"] .testimoni-page::before {
    background: radial-gradient(ellipse at top, rgba(232, 197, 71, 0.06) 0%, transparent 70%) !important;
}

[data-theme="dark"] .testimoni-main {
    background: transparent !important;
}

[data-theme="dark"] .testimoni-hero-badge {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.15) 0%, rgba(232, 197, 71, 0.08) 100%) !important;
    border-color: rgba(232, 197, 71, 0.3) !important;
}

[data-theme="dark"] .testimoni-title {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .testimoni-subtitle {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .form-wrapper {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(232, 197, 71, 0.05) !important;
}

[data-theme="dark"] .form-group label {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .form-group input[type="text"],
[data-theme="dark"] .form-group input[type="email"],
[data-theme="dark"] .form-group textarea {
    background: #252525 !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
    color: #E0E0E0 !important;
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: #666 !important;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    background: #2a2a2a !important;
    border-color: #E8C547 !important;
    box-shadow: 0 0 0 4px rgba(232, 197, 71, 0.12) !important;
}

[data-theme="dark"] .rating-input label {
    color: #404040 !important;
}

[data-theme="dark"] .rating-input label:hover,
[data-theme="dark"] .rating-input label:hover~label {
    color: #E8C547 !important;
}

[data-theme="dark"] .rating-input input[type="radio"]:checked~label {
    color: #E8C547 !important;
}

[data-theme="dark"] .rating-selected {
    color: #888 !important;
}

[data-theme="dark"] .photo-upload {
    background: linear-gradient(135deg, #1e1e1e 0%, #252525 100%) !important;
    border-color: rgba(232, 197, 71, 0.2) !important;
}

[data-theme="dark"] .photo-upload:hover {
    background: linear-gradient(135deg, #252525 0%, #2a2a2a 100%) !important;
    border-color: #E8C547 !important;
}

[data-theme="dark"] .photo-upload span {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .photo-upload-hint {
    color: #666 !important;
}

[data-theme="dark"] .char-counter {
    color: #666 !important;
}

[data-theme="dark"] .success-message {
    background: #1c1c1c !important;
    border-color: rgba(232, 197, 71, 0.15) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(232, 197, 71, 0.05) !important;
}

[data-theme="dark"] .success-message h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .success-message p {
    color: #B0B0B0 !important;
}

/* ===== Tutorial Section (Kirim page) ===== */
[data-theme="dark"] .tutorial-section {
    background: #1c1c1c !important;
}

[data-theme="dark"] .tutorial-header h2 {
    color: #E0E0E0 !important;
}

[data-theme="dark"] .tutorial-header p {
    color: #B0B0B0 !important;
}

/* ===== Empty States ===== */
[data-theme="dark"] .empty-state {
    color: #888 !important;
}

[data-theme="dark"] .empty-state p {
    color: #B0B0B0 !important;
}

[data-theme="dark"] .empty-state span {
    color: #666 !important;
}

/* ===== Tables ===== */
[data-theme="dark"] .results-table-wrapper {
    background: #1c1c1c !important;
}

[data-theme="dark"] .results-table {
    background: transparent !important;
}

[data-theme="dark"] .results-table th {
    background: #252525 !important;
    color: #E0E0E0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .results-table td {
    background: transparent !important;
    color: #B0B0B0 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .results-table tr:hover td {
    background: #252525 !important;
}


/* ===== Print Mode - Force Light Theme ===== */
@media print {
    [data-theme="dark"] {
        --color-bg-primary: #ffffff;
        --color-bg-secondary: #fafafa;
        --color-text-primary: #1a1a1a;
        --color-text-secondary: #666666;
    }
}