/* ========================================
   ELOK Printing - Light Theme Overrides
   Applied when html[data-theme="light"]
   ======================================== */

/* ---- Root Variable Overrides ---- */
[data-theme="light"] {
    --bg-dark-start: #f0f4f8;
    --bg-dark-end: #e8edf2;
    --bg-dark-mid: #eef2f7;

    --glass-bg: rgba(0, 0, 0, 0.02);
    --glass-bg-hover: rgba(0, 0, 0, 0.04);
    --glass-border: rgba(0, 0, 0, 0.15);
    --glass-border-hover: rgba(0, 143, 215, 0.3);

    --text-white: #1a1a2e;
    --text-light: rgba(0, 0, 0, 0.85);
    --text-muted: rgba(0, 0, 0, 0.6);
    --text-subtle: rgba(0, 0, 0, 0.5);
    --text-faint: rgba(0, 0, 0, 0.4);

    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 25px 50px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 143, 215, 0.06);
    --shadow-glow: 0 0 40px rgba(0, 143, 215, 0.08);

    /* Variables used by newer section CSS files */
    --text-heading: #1a1a2e;
    --text-body: #374151;
    --card-bg: #ffffff;
    --border-color: rgba(0, 0, 0, 0.15);
    --input-bg: rgba(0, 0, 0, 0.03);
    --hover-bg: rgba(0, 0, 0, 0.03);
    --body-bg: #f3f4f6;
    --dark-color: #1a1a2e;
    --light-color: #F8FAFC;
}

/* ---- Body ---- */
[data-theme="light"] body {
    background: linear-gradient(180deg, #f0f4f8 0%, #e8edf2 100%);
    color: rgba(0, 0, 0, 0.85);
}

/* ---- Links ---- */
[data-theme="light"] a {
    color: #fffff;
}
[data-theme="light"] a:hover {
    color: #005a8c;
}

/* Keep CTA/button links fully legible in light mode. */
[data-theme="light"] a.btn-hero-primary,
[data-theme="light"] a.btn-premium,
[data-theme="light"] a.abt-btn-primary,
[data-theme="light"] a.cta-button,
[data-theme="light"] a.career-linkedin-btn {
    color: #ffffff !important;
    opacity: 1 !important;
}

[data-theme="light"] a.btn-hero-primary:hover,
[data-theme="light"] a.btn-premium:hover,
[data-theme="light"] a.abt-btn-primary:hover,
[data-theme="light"] a.cta-button:hover,
[data-theme="light"] a.career-linkedin-btn:hover,
[data-theme="light"] a.btn-hero-primary:visited,
[data-theme="light"] a.btn-premium:visited,
[data-theme="light"] a.abt-btn-primary:visited,
[data-theme="light"] a.cta-button:visited,
[data-theme="light"] a.career-linkedin-btn:visited,
[data-theme="light"] a.btn-hero-primary:focus,
[data-theme="light"] a.btn-premium:focus,
[data-theme="light"] a.abt-btn-primary:focus,
[data-theme="light"] a.cta-button:focus,
[data-theme="light"] a.career-linkedin-btn:focus,
[data-theme="light"] a.btn-hero-primary:active,
[data-theme="light"] a.btn-premium:active,
[data-theme="light"] a.abt-btn-primary:active,
[data-theme="light"] a.cta-button:active,
[data-theme="light"] a.career-linkedin-btn:active {
    color: #ffffff !important;
    opacity: 1 !important;
}
[data-theme="light"] a.btn-hero-primary i,
[data-theme="light"] a.btn-premium i,
[data-theme="light"] a.abt-btn-primary i,
[data-theme="light"] a.cta-button i,
[data-theme="light"] a.career-linkedin-btn i {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ---- Glass Card ---- */
[data-theme="light"] .glass-card {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .glass-card:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 143, 215, 0.3);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

/* ---- Section Dark ---- */
[data-theme="light"] .section-dark {
    background: linear-gradient(180deg, #eef2f7 0%, #f0f4f8 100%);
}
[data-theme="light"] .section-dark::before {
    background: 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='%23000000' fill-opacity='0.02'%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");
}

/* ---- Secondary Button ---- */
[data-theme="light"] .btn-secondary-brand {
    color: #1a1a2e;
    border-color: rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .btn-secondary-brand:hover {
    color: #008fd7;
    border-color: rgba(0, 143, 215, 0.3);
    background: rgba(0, 143, 215, 0.05);
}

/* ---- Accent Badge ---- */
[data-theme="light"] .accent-badge {
    background: rgba(0, 143, 215, 0.08);
    border-color: rgba(0, 143, 215, 0.15);
}

/* ---- Text Utilities ---- */
[data-theme="light"] .text-white {
    color: #1a1a2e;
}
[data-theme="light"] .text-muted-dark {
    color: rgba(0, 0, 0, 0.6);
}

/* ---- Background Utilities ---- */
[data-theme="light"] .bg-glass {
    background: rgba(255, 255, 255, 0.6);
}
[data-theme="light"] .bg-dark-gradient {
    background: linear-gradient(180deg, #f0f4f8 0%, #e8edf2 100%);
}

/* ========================================
   NAVBAR - Light Theme
   ======================================== */
[data-theme="light"] .premium-navbar {
    background: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .premium-navbar.scrolled {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .brand-name {
    color: #1a1a2e;
    text-shadow: none;
}
[data-theme="light"] .brand-tagline {
    color: #008fd7;
}
[data-theme="light"] .nav-link-premium {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .nav-link-premium:hover {
    color: #1a1a2e;
    background: rgba(0, 143, 215, 0.06);
}
[data-theme="light"] .nav-link-premium.active {
    color: #008fd7;
}

/* Mobile menu light */
@media (max-width: 991px) {
    [data-theme="light"] .navbar-collapse {
        background: rgba(255, 255, 255, 0.98);
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }
}

/* Mobile toggle lines */
[data-theme="light"] .mobile-menu-toggle .toggle-line {
    background: #1a1a2e;
}

/* ========================================
   HERO SECTION - Light Theme (style.css)
   ======================================== */
[data-theme="light"] .hero-section {
    background: linear-gradient(180deg, #f0f4f8 0%, #e8edf2 100%);
}
[data-theme="light"] .hero-headline {
    color: #1a1a2e;
}
[data-theme="light"] .hero-subheadline {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .btn-hero-secondary {
    color: #1a1a2e;
    border-color: rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .btn-hero-secondary:hover {
    color: #008fd7;
    border-color: rgba(0, 143, 215, 0.3);
    background: rgba(0, 143, 215, 0.05);
}
[data-theme="light"] .trust-item {
    color: rgba(0, 0, 0, 0.6);
}

/* Hero Swiper Cards Light Mode */
[data-theme="light"] .hero-cards-swiper .swiper-slide {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .hcs-card {
    background: linear-gradient(165deg, #ffffff 0%, #f8f9fb 100%);
}
[data-theme="light"] .hcs-card-img-overlay {
    display: none;
    background: transparent;
}
[data-theme="light"] .hcs-card-body {
    background: transparent;
    border-top: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
[data-theme="light"] .hcs-card-name,
[data-theme="light"] .hcs-card-name a {
    color: #fff;
}
[data-theme="light"] .hcs-card-name a:hover {
    color: #fff;
}
[data-theme="light"] .hcs-card-desc {
    color: rgba(255,255,255,0.55);
}
[data-theme="light"] .hcs-card-footer {
    border-top-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .hcs-card-price small {
    color: rgba(0, 0, 0, 0.4);
}
[data-theme="light"] .hcs-card-stars span {
    color: rgba(0, 0, 0, 0.4);
}
[data-theme="light"] .hcs-card-noimg {
    background: linear-gradient(135deg, rgba(0, 143, 215, 0.08) 0%, #f0f4f8 100%);
    color: rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .hero-swiper-glow {
    background: radial-gradient(circle, rgba(0, 143, 215, 0.1) 0%, transparent 70%);
}
[data-theme="light"] .hero-cards-swiper .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.2);
}
[data-theme="light"] .hcs-slide-counter {
    color: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .hcs-slide-counter .hcs-current {
    color: var(--accent-color);
}
[data-theme="light"] .hero-particle--blue {
    background: rgba(0, 143, 215, 0.2);
}
[data-theme="light"] .hero-particle--white {
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .stats-number {
    color: #1a1a2e;
}
[data-theme="light"] .stats-label {
    color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 768px) {
    [data-theme="light"] .hcs-card-img-overlay {
        display: none;
    }

    [data-theme="light"] .hcs-card-body {
        background: transparent;
        border-top: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/* style.css misc white text */
[data-theme="light"] .category-card h5 {
    color: #1a1a2e;
}
[data-theme="light"] .category-card p {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .portfolio-card .card-title {
    color: #1a1a2e;
}
[data-theme="light"] .section-header h2 {
    color: #1a1a2e;
}
[data-theme="light"] .section-header p {
    color: rgba(0, 0, 0, 0.6);
}

/* ========================================
   FOOTER - Light Theme
   ======================================== */
[data-theme="light"] .footer-premium {
    background: linear-gradient(180deg, #f0f4f8 0%, #e8edf2 100%);
    color: #1a1a2e;
}
[data-theme="light"] .footer-premium::before {
    background: none;
}
[data-theme="light"] .footer-logo-icon {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
}
[data-theme="light"] .footer-logo-img {
    filter: none;
}
[data-theme="light"] .footer-logo-text {
    color: #1a1a2e;
}
[data-theme="light"] .footer-description {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .footer-social-link {
    background: rgba(0, 0, 0, 0.08);
    color: #1a1a2e;
}
[data-theme="light"] .footer-social-link:hover {
    color: #fff;
}
[data-theme="light"] .footer-column-title {
    color: #1a1a2e;
}
[data-theme="light"] .footer-links a {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .footer-links a:hover {
    color: #1a1a2e;
}
[data-theme="light"] .footer-contact-icon {
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .footer-contact-label {
    color: rgba(0, 0, 0, 0.45);
}
[data-theme="light"] .footer-contact-value {
    color: rgba(0, 0, 0, 0.8);
}
[data-theme="light"] .footer-contact-value a {
    color: rgba(0, 0, 0, 0.8);
}
[data-theme="light"] .footer-contact-value a:hover {
    color: var(--accent-color);
}
[data-theme="light"] .footer-newsletter {
    background: rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .footer-newsletter-title {
    color: #1a1a2e;
}
[data-theme="light"] .footer-newsletter-text {
    color: rgba(0, 0, 0, 0.55);
}
[data-theme="light"] .footer-newsletter-input {
    background: rgba(0, 0, 0, 0.06);
    color: #1a1a2e;
}
[data-theme="light"] .footer-newsletter-input::placeholder {
    color: rgba(0, 0, 0, 0.35);
}
[data-theme="light"] .footer-newsletter-input:focus {
    background: rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .footer-divider {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
}
[data-theme="light"] .footer-copyright {
    color: rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .footer-bottom-links a {
    color: rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .footer-bottom-links a:hover {
    color: #1a1a2e;
}
[data-theme="light"] .footer-methods-combined {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .footer-methods-label {
    color: rgba(0, 0, 0, 0.55);
}
[data-theme="light"] .footer-methods-divider {
    background: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .method-badge {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.7);
}
[data-theme="light"] .method-badge:hover {
    background: rgba(0, 0, 0, 0.1);
}