/* Light Theme Styles for NOVIO */

/* Light theme CSS variables */
body.light-theme {
    /* Colors inverted for light theme */
    --bg-primary: #e8e8e8;  /* Light gray instead of white */
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #ebebeb;
    --anthracite: #e2e3e0;
    --anthracite-light: #d5d5d5;
    --text-primary: #1a1a1a;
    --text-secondary: #333333;
    --text-muted: #666666;
    --border-color: #e5e5e5;

    /* Keep same accent colors as dark theme */
    --primary-color: #C2D500;
    --accent-color: #f2ff66;
    --novio-lime: #d3d73e;

    /* Force light gray background */
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
}

/* Removed background pattern and gradient pseudo-elements to eliminate stripes */

/* Card styles for light theme */
body.light-theme .card {
    background: #f8f8f8; /* Very light grey */
    border: 1px solid #e0e0e0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.light-theme .card:hover {
    background: #f5f5f5;
    border-color: var(--primary-color);
}

body.light-theme .card p {
    font-weight: 400; /* Thicker text */
}

body.light-theme .card h3 {
    font-weight: 600; /* Thicker headers */
}

/* Button styles for light theme */
body.light-theme .btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: var(--text-secondary);
    color: var(--text-primary);
}

body.light-theme .btn:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: var(--primary-color);
}

body.light-theme .btn-primary {
    background: var(--primary-color);
    color: #000000; /* Black text on green button */
    border-color: var(--primary-color);
}

body.light-theme .btn-primary:hover {
    background: var(--accent-color);
    color: #000000; /* Keep black text on hover */
    border-color: var(--accent-color);
}

/* Navigation - keep transparent with blur like dark theme */
body.light-theme .menu {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

body.light-theme .navbar {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

body.light-theme .menu-item {
    color: var(--text-primary);
}

body.light-theme .menu-item:hover {
    color: var(--primary-color);
}

/* Divider for light theme */
body.light-theme .divider {
    background: linear-gradient(90deg,
        transparent 0%,
        var(--primary-color) 50%,
        transparent 100%);
}

/* Badge adjustments */
body.light-theme .badge {
    background: var(--primary-color);
    color: white;
}

/* Highlight text */
body.light-theme .highlight {
    color: var(--primary-color);
}

/* Form inputs for light theme */
body.light-theme input,
body.light-theme select,
body.light-theme textarea {
    background: white;
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.light-theme input:focus,
body.light-theme select:focus,
body.light-theme textarea:focus {
    border-color: var(--primary-color);
    background: white;
}

/* Carousel adjustments */
body.light-theme .carousel-nav {
    background: rgba(255, 255, 255, 0.9);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

body.light-theme .carousel-nav:hover {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

body.light-theme .carousel-dots .dot {
    background: var(--border-color);
}

body.light-theme .carousel-dots .dot.active {
    background: var(--primary-color);
}

/* Services grid adjustments */
body.light-theme .services-grid .card {
    background: white;
}

/* Theme switcher button uses same styles as lang-switcher (in i18n.css) */
.theme-switcher {
    /* Inherits all styles from .lang-switcher class */
    margin-right: 0.5rem;
}

/* Make buttons visible in light mode */
body.light-theme .lang-switcher,
body.light-theme .theme-switcher {
    border-color: #333333;
    color: #333333;
}

body.light-theme .lang-switcher:hover,
body.light-theme .theme-switcher:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* Menu logos - remove the white filter for light theme */
body.light-theme .menu-logo,
body.light-theme .menu-logo-desktop,
body.light-theme .menu-logo-tablet {
    filter: none !important;  /* Keep original black color in light theme */
}

/* Show light logo in light theme without filter */
body.light-theme .hero-logo-dark {
    display: none !important;
}

body.light-theme .hero-logo-light {
    display: block !important;
    filter: none; /* Show original color */
}

/* Menu logo - no effects */
body.light-theme .menu-logo:hover {
    /* No filter effects */
}

/* Slide backgrounds for light theme */
body.light-theme .slide {
    background: #ffffff;  /* White slides on gray background for contrast */
    color: var(--text-primary);
}

body.light-theme .slide.bg-gradient {
    background:
        linear-gradient(135deg,
            rgba(194, 213, 0, 0.05) 0%,
            transparent 25%,
            transparent 75%,
            rgba(242, 255, 102, 0.03) 100%
        ),
        linear-gradient(45deg,
            #fafafa 0%,
            #f5f5f5 50%,
            #f0f0f0 100%
        );
}

body.light-theme .slide.bg-pattern {
    background:
        repeating-linear-gradient(
            -45deg,
            #f8f8f8,
            #f8f8f8 25px,
            #f3f3f3 25px,
            #f3f3f3 50px
        );
    border-radius: 20px;
}

/* Section slides */
body.light-theme .slide-section {
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
}

/* Scroll indicator for light theme */
body.light-theme .scroll-indicator {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--accent-color) 100%);
}

/* Slides container background */
body.light-theme .slides-container {
    background: #ffffff;  /* Light gray to match body */
}

/* Mobile adjustments for light theme */
@media (max-width: 768px) {
    body.light-theme .menu.menu-open {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }

    body.light-theme .menu .menu-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    body.light-theme .mobile-menu {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    body.light-theme .mobile-menu .menu-item {
        border-bottom-color: rgba(0, 0, 0, 0.1);
    }
}