/**
 * CristiBaltag Theme - Main Styles
 * All component CSS extracted from functions.php inline styles
 * All colors use CSS variables for full theme support
 */

/* ========== GLOBAL STYLES ========== */
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.page-main { padding-top: 80px; min-height: 60vh; }
.text-center { text-align: center; }
.highlight { color: var(--accent); }

/* ========== FIX NAVBAR UNDER WORDPRESS ADMIN BAR ========== */
.admin-bar .navbar { margin-top: 32px; }
@media (max-width: 782px) {
    .admin-bar .navbar { margin-top: 46px; }
}

/* ========== NAVBAR BASE ========== */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 14px 0;
    background: var(--navbar-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--card-border);
    transition: all 0.3s ease;
}
.navbar.scrolled {
    padding: 10px 0;
    background: var(--navbar-scrolled-bg);
    box-shadow: 0 4px 20px var(--shadow-color);
}
.navbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ========== NAV LOGO ========== */
.nav-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--text);
}
.nav-logo .custom-logo-link img,
.nav-logo img.custom-logo,
.custom-logo-link img.custom-logo { max-height: 32px !important; width: auto !important; height: auto !important; }
.nav-logo-text { font-size: 0.9em; font-weight: 400; color: var(--text-muted); letter-spacing: 0.3px; transition: color 0.3s ease; }
.nav-logo-accent { font-weight: 700; color: var(--accent); }

/* ========== NAV LINKS ========== */
.nav-links {
    display: flex;
    align-items: center;
    gap: 4px;
}
.nav-links a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.82em;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.nav-links a:hover { color: var(--text); background: rgba(var(--accent-rgb),0.04); }
.nav-links a.active { color: var(--accent); background: rgba(var(--accent-rgb),0.08); }
.nav-links a i { font-size: 0.9em; }

/* ========== HAMBURGER TOGGLE (hidden on desktop) ========== */
.nav-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    z-index: 10001;
}
.nav-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text);
    border-radius: 2px;
    transition: all 0.3s ease;
}
.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ========== NAV OVERLAY ========== */
.nav-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--overlay-bg);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.nav-overlay.active { display: block; opacity: 1; }

/* ========== LANGUAGE DROPDOWN ========== */
.nav-lang-dropdown { position: relative; display: inline-flex; align-items: center; margin-left: 8px; }
.nav-lang-btn {
    background: transparent;
    border: 1px solid var(--card-border);
    color: var(--text-muted);
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
}
.nav-lang-btn:hover { color: var(--accent); border-color: var(--accent); }
.nav-lang-btn i { font-size: 0.85rem; }
.nav-lang-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 8px;
    min-width: 80px;
    z-index: 9999;
}
.nav-lang-dropdown:hover .nav-lang-menu { display: block; }
/* Click-based for touch (JS adds .open) */
.nav-lang-menu.open { display: block; }
.nav-lang-menu ul {
    list-style: none; margin: 0; padding: 6px 0;
    background: var(--bg-secondary);
    border: 1px solid var(--card-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px var(--shadow-color);
}
.nav-lang-menu li { display: block; }
.nav-lang-menu a {
    display: block;
    padding: 8px 16px;
    color: var(--text-muted);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    transition: all 0.15s ease;
}
.nav-lang-menu a:hover { color: var(--accent); background: rgba(var(--accent-rgb),0.08); }

/* Polylang flags in dropdown */
.nav-lang-menu img { margin-right: 6px; vertical-align: middle; }

/* ========== THEME SWITCHER (Slider) ========== */
.nav-theme-switcher {
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid var(--card-border);
    position: relative;
}
.theme-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    opacity: 0.7;
    border: 1.5px solid rgba(var(--accent-rgb),0.2);
    flex-shrink: 0;
}
.theme-dot:hover { opacity: 1; transform: scale(1.3); }
.theme-dot.active { opacity: 1; border-color: rgba(255,255,255,0.6); box-shadow: 0 0 8px currentColor; }

.theme-dot[data-theme="emerald"] { background: #00D4A0; color: #00D4A0; }
.theme-dot[data-theme="ocean"] { background: #0088FF; color: #0088FF; }
.theme-dot[data-theme="purple"] { background: #9B59B6; color: #9B59B6; }
.theme-dot[data-theme="coral"] { background: #FF6B6B; color: #FF6B6B; }
.theme-dot[data-theme="gold"] { background: #F5A623; color: #F5A623; }
.theme-dot[data-theme="pink"] { background: #E91E8F; color: #E91E8F; }
.theme-dot[data-theme="light"] { background: #ffffff; color: #ffffff; border-color: rgba(0,0,0,0.2); }

/* Active dot (always visible trigger) */
.theme-dot-active { width: 14px; height: 14px; opacity: 1; border-color: rgba(255,255,255,0.5); box-shadow: 0 0 8px currentColor; }

/* Mode toggle dot (sun/moon) */
.theme-mode-toggle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    border: 1.5px solid var(--card-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    background: transparent;
    color: var(--text-muted);
}
.theme-mode-toggle:hover { transform: scale(1.2); color: var(--accent); border-color: var(--accent); }
[data-mode="light"] .theme-mode-toggle { background: #111; color: #fff; border-color: #333; }

/* Slider (hidden by default, shows on click) */
.theme-dots-slider {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    background: var(--bg-secondary);
    border: 1px solid var(--card-border);
    border-radius: 20px;
    padding: 8px 10px;
    gap: 6px;
    z-index: 9999;
    box-shadow: 0 8px 24px var(--shadow-color);
    flex-direction: row;
    align-items: center;
}
.theme-dots-slider.open { display: flex; }

/* ========== BACK TO TOP BUTTON ========== */
#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent);
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 9998;
    box-shadow: 0 4px 16px rgba(var(--accent-rgb),0.3);
    pointer-events: none;
}
#backToTop.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
#backToTop:hover {
    filter: brightness(1.15);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(var(--accent-rgb),0.4);
}

/* ========== COOKIE BANNER ========== */
#cookieBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 16px 20px;
    background: var(--navbar-scrolled-bg);
    border-top: 1px solid rgba(var(--accent-rgb),0.2);
    backdrop-filter: blur(12px);
    transform: translateY(100%);
    transition: transform 0.4s ease;
}
#cookieBanner.visible { transform: translateY(0); }
.cookie-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.cookie-text {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.cookie-text i { color: var(--accent); font-size: 1.3em; flex-shrink: 0; }
.cookie-text p { margin: 0; font-size: 0.85em; color: var(--text-muted); line-height: 1.5; }
.cookie-text a { color: var(--accent); text-decoration: underline; }
.cookie-actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-btn {
    padding: 9px 20px;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
}
.cookie-btn.accept { background: var(--accent); color: #000; }
.cookie-btn.accept:hover { filter: brightness(1.15); }
.cookie-btn.decline {
    background: transparent;
    color: var(--text-subtle);
    border: 1px solid var(--card-border);
}
.cookie-btn.decline:hover { border-color: var(--card-hover-border); color: var(--text); }

/* ========== SCROLL FADE-IN ANIMATIONS ========== */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ========== MOBILE RESPONSIVE ========== */
@media (max-width: 768px) {
    .nav-toggle { display: flex; }
    .nav-links {
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: var(--bg);
        flex-direction: column;
        align-items: stretch;
        padding: 80px 20px 30px;
        gap: 2px;
        transition: right 0.3s ease;
        z-index: 10000;
        overflow-y: auto;
        border-left: 1px solid var(--card-border);
    }
    .nav-links.open { right: 0; }
    .nav-links a {
        font-size: 0.95em;
        padding: 14px 16px;
        border-radius: 8px;
    }
    .nav-links a:hover { background: rgba(var(--accent-rgb),0.08); }
    .nav-lang-dropdown { margin-left: 0; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--card-border); }
    body.nav-open { overflow: hidden; }

    /* Theme switcher mobile - always visible next to hamburger */
    .nav-theme-switcher { margin-left: auto; margin-right: 12px; }
    .theme-dot-active { width: 16px; height: 16px; }
    .theme-dots-slider { right: 0; left: auto; transform: none; }
    .theme-dots-slider .theme-dot { width: 14px; height: 14px; }

    /* Language dropdown on mobile - click based */
    .nav-lang-dropdown:hover .nav-lang-menu { display: none; }
    .nav-lang-menu.open { display: block; }
}

@media (max-width: 600px) {
    .cookie-content { flex-direction: column; text-align: center; }
    .cookie-text { flex-direction: column; }
    #backToTop { bottom: 20px; right: 20px; width: 40px; height: 40px; }
}

/* ==========================================================================
   GLOBAL THEME COLOR OVERRIDES
   Forces var(--accent) on ALL pages to override any cached inline #00D4A0
   ========================================================================== */

/* ========== NAVBAR ========== */
.nav-links a.active { color: var(--accent) !important; background: rgba(var(--accent-rgb),0.08) !important; }
.nav-links a:hover { color: var(--text) !important; background: rgba(var(--accent-rgb),0.04) !important; }
.nav-links a::after { background: var(--accent) !important; }
.nav-links a:hover::after { background: var(--accent) !important; }
.nav-logo { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important; }
.nav-logo-text { white-space: nowrap !important; }
.nav-links a { white-space: nowrap !important; }

/* ========== HOMEPAGE ========== */
.highlight { color: var(--accent) !important; }
.hero-title .highlight, .hero h1 .highlight { color: var(--accent) !important; }
.hero-badge { background: rgba(var(--accent-rgb),0.1) !important; border-color: rgba(var(--accent-rgb),0.3) !important; color: var(--accent) !important; }
.hero-socials a:hover { color: var(--accent) !important; }
.hero-stat-num { color: var(--accent) !important; }
.hero-avatar { background: rgba(var(--accent-rgb),0.08) !important; border-color: rgba(var(--accent-rgb),0.2) !important; }
.btn-primary { background: var(--accent) !important; }
.btn-primary:hover { box-shadow: 0 6px 20px rgba(var(--accent-rgb),0.3) !important; }
.btn-outline:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
.section-link { color: var(--accent) !important; }
.home-project-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.home-project-icon { background: rgba(var(--accent-rgb),0.1) !important; color: var(--accent) !important; }
.home-project-link { color: var(--accent) !important; }
.home-blog-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.home-blog-card:hover .home-blog-date { color: var(--accent) !important; }
.home-blog-card:hover p { color: rgba(var(--accent-rgb),0.8) !important; }
.home-blog-read { color: var(--accent) !important; }
.home-music-section { background: rgba(var(--accent-rgb),0.03) !important; border-color: rgba(var(--accent-rgb),0.1) !important; }
.music-vinyl { color: rgba(var(--accent-rgb),0.15) !important; }

/* ========== BLOG PAGE ========== */
.blog-cat-btn:hover, .blog-cat-btn.active { color: var(--accent) !important; border-color: var(--accent) !important; background: rgba(var(--accent-rgb),0.08) !important; }
.blog-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.blog-card-category { color: var(--accent) !important; }
.blog-read-more { color: var(--accent) !important; }
.newsletter-btn, .blog-subscribe-btn { background: var(--accent) !important; color: #000 !important; }
.newsletter-input:focus, .blog-email:focus { border-color: var(--accent) !important; }

/* ========== PICTURES PAGE ========== */
.pics-filter-btn:hover, .pics-filter-btn.active { color: var(--accent) !important; border-color: var(--accent) !important; background: rgba(var(--accent-rgb),0.08) !important; }
.gallery-item:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }

/* ========== MUSIC PAGE ========== */
.album-card:hover { border-color: var(--accent) !important; }
.album-card:hover .album-title { color: var(--accent) !important; }
.album-card .cb-expand-icon { color: var(--accent) !important; }
.album-genre { color: var(--accent) !important; background: rgba(var(--accent-rgb),0.1) !important; }
.album-link, .album-story-link { color: var(--accent) !important; }
.album-link:hover, .album-story-link:hover { color: var(--accent) !important; }

/* ========== WORK / CV PAGE ========== */
.cv-dot { background: var(--accent) !important; }
.work-column-header i { color: var(--accent) !important; }
.freelance-icon { background: rgba(var(--accent-rgb),0.1) !important; color: var(--accent) !important; }
.cv-date { color: var(--accent) !important; }
.cv-company { color: var(--accent) !important; }
.work-title { color: var(--accent) !important; }
.work-location i { color: var(--accent) !important; }
.cv-edu-school { color: var(--accent) !important; }
.cb-expand-header:hover h3 { color: var(--accent) !important; }
.cb-read-more { color: var(--accent) !important; }
.freelance-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.cv-item:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }

/* ========== CONTACT PAGE ========== */
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--accent) !important; }
.contact-form button, .contact-submit, .wpcf7-submit, input.wpcf7-submit, input[type="submit"].wpcf7-submit { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; }
.contact-form-wrap .wpcf7-form input[type="submit"] { background: var(--accent) !important; color: #000 !important; }
.contact-form-wrap .wpcf7-form input[type="submit"]:hover { box-shadow: 0 6px 20px rgba(var(--accent-rgb),0.3) !important; }
.contact-info-icon { background: rgba(var(--accent-rgb),0.1) !important; color: var(--accent) !important; }
.contact-socials a:hover { color: var(--accent) !important; }
.contact-info-card { border-color: rgba(var(--accent-rgb),0.15) !important; }
.contact-info-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }

/* ========== SHOP PAGE ========== */
.shop-cat-circle-icon { background: rgba(var(--accent-rgb),0.08) !important; border-color: rgba(var(--accent-rgb),0.2) !important; color: var(--accent) !important; }
.shop-cat-circle:hover .shop-cat-circle-icon { background: rgba(var(--accent-rgb),0.15) !important; border-color: var(--accent) !important; box-shadow: 0 4px 20px rgba(var(--accent-rgb),0.2) !important; }
.shop-cat-circle:hover .shop-cat-circle-name { color: var(--accent) !important; }
.shop-cat-circle-count { background: var(--accent) !important; color: #000 !important; }
.shop-sep-line { background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb),0.3), transparent) !important; }
.shop-sep-text i { color: var(--accent) !important; }
.shop-products .products li.product:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.shop-products .products li.product .price { color: var(--accent) !important; }
.shop-products .products li.product .button,
.shop-products .products li.product .add_to_cart_button { background: rgba(var(--accent-rgb),0.1) !important; color: var(--accent) !important; }
.shop-products .products li.product .button:hover,
.shop-products .products li.product .add_to_cart_button:hover { background: var(--accent) !important; color: #000 !important; }
.woocommerce-pagination .page-numbers li span.current { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; }
.view-btn.active, .view-btn:hover { border-color: var(--accent) !important; color: var(--accent) !important; }

/* ========== HOBBIES PAGE ========== */
.hobby-card.active .hobby-icon { color: var(--accent) !important; }
.hobby-card:hover { border-color: rgba(var(--accent-rgb),0.3) !important; }
.hobby-tag { color: var(--accent) !important; border-color: rgba(var(--accent-rgb),0.3) !important; }

/* ========== SINGLE POST ========== */
.single-meta i { color: var(--accent) !important; }
.single-tag { color: var(--accent) !important; border-color: rgba(var(--accent-rgb),0.3) !important; }
.share-btn:hover { color: var(--accent) !important; }

/* ========== FOOTER ========== */
.site-footer .nav-logo-text { color: #fff !important; font-weight: 400 !important; }
.footer-socials a:hover { color: var(--accent) !important; }
.footer-links a:hover { color: var(--accent) !important; }
.footer-contact-item i { color: var(--accent) !important; }
.footer-contact-btn { color: var(--accent) !important; }
.footer-legal a:hover { color: var(--accent) !important; }
.nav-logo-accent { color: var(--accent) !important; }

/* ==========================================================================
   LIGHT MODE - Complete page overrides
   ========================================================================== */
[data-mode="light"] body,
[data-mode="light"] .page-main { background: #f5f7fa !important; color: #111 !important; }
[data-mode="light"] .navbar { background: rgba(255,255,255,0.95) !important; border-bottom-color: rgba(0,0,0,0.08) !important; }
[data-mode="light"] .navbar.scrolled { background: rgba(255,255,255,0.98) !important; }
[data-mode="light"] .nav-logo-text { color: rgba(0,0,0,0.8) !important; }
[data-mode="light"] .nav-links a { color: rgba(0,0,0,0.6) !important; }
[data-mode="light"] .nav-links a:hover { color: #111 !important; background: rgba(0,0,0,0.04) !important; }
[data-mode="light"] .nav-links a.active { color: var(--accent) !important; background: rgba(var(--accent-rgb),0.08) !important; }
[data-mode="light"] .nav-toggle span { background: #111 !important; }
[data-mode="light"] .nav-lang-btn { color: rgba(0,0,0,0.6) !important; border-color: rgba(0,0,0,0.15) !important; }

/* Light mode - Hero */
[data-mode="light"] .hero { background: #f0f4f8 !important; }
[data-mode="light"] .hero-title { color: #111 !important; }
[data-mode="light"] .hero-subtitle { color: rgba(0,0,0,0.6) !important; }
[data-mode="light"] .hero-desc { color: rgba(0,0,0,0.5) !important; }
[data-mode="light"] .hero-socials a { color: rgba(0,0,0,0.4) !important; }
[data-mode="light"] .btn-outline { border-color: rgba(0,0,0,0.2) !important; color: rgba(0,0,0,0.7) !important; }
[data-mode="light"] .hero-stat-label { color: rgba(0,0,0,0.5) !important; }

/* Light mode - Cards & Sections */
[data-mode="light"] .home-project-card,
[data-mode="light"] .home-blog-card,
[data-mode="light"] .blog-card,
[data-mode="light"] .album-card,
[data-mode="light"] .freelance-card,
[data-mode="light"] .cv-item,
[data-mode="light"] .contact-info-card,
[data-mode="light"] .hobby-card { background: #fff !important; border-color: rgba(0,0,0,0.08) !important; color: #111 !important; }

[data-mode="light"] .home-project-card h3,
[data-mode="light"] .home-blog-card h3,
[data-mode="light"] .blog-card h3,
[data-mode="light"] .album-title { color: #111 !important; }

[data-mode="light"] .home-project-card p,
[data-mode="light"] .home-blog-card p,
[data-mode="light"] .blog-card p { color: rgba(0,0,0,0.6) !important; }

/* Light mode - Sections */
[data-mode="light"] .home-section,
[data-mode="light"] .shop-products,
[data-mode="light"] .site-footer { background: transparent !important; }
[data-mode="light"] .home-music-section { background: rgba(var(--accent-rgb),0.04) !important; }
[data-mode="light"] .site-footer { background: #eef1f5 !important; border-top-color: rgba(0,0,0,0.08) !important; }
[data-mode="light"] .footer-tagline,
[data-mode="light"] .footer-bottom p { color: rgba(0,0,0,0.5) !important; }
[data-mode="light"] .footer-links h4 { color: rgba(0,0,0,0.8) !important; }
[data-mode="light"] .footer-links a { color: rgba(0,0,0,0.5) !important; }
[data-mode="light"] .footer-socials a { color: rgba(0,0,0,0.4) !important; }
[data-mode="light"] .footer-contact-item { color: rgba(0,0,0,0.6) !important; }

/* Light mode - Forms */
[data-mode="light"] .contact-form input,
[data-mode="light"] .contact-form textarea,
[data-mode="light"] .blog-email,
[data-mode="light"] .newsletter-input { background: #fff !important; border-color: rgba(0,0,0,0.12) !important; color: #111 !important; }

/* Light mode - Blog/Music/Shop text */
[data-mode="light"] .section-header h2,
[data-mode="light"] .shop-header h1,
[data-mode="light"] .work-profile h1,
[data-mode="light"] h1, [data-mode="light"] h2, [data-mode="light"] h3 { color: #111 !important; }
[data-mode="light"] .shop-subtitle,
[data-mode="light"] .blog-desc,
[data-mode="light"] p { color: rgba(0,0,0,0.6) !important; }

/* Light mode - Specific elements */
[data-mode="light"] .theme-dots-slider { background: #fff !important; border-color: rgba(0,0,0,0.1) !important; }
[data-mode="light"] .nav-lang-menu ul { background: #fff !important; border-color: rgba(0,0,0,0.1) !important; }
[data-mode="light"] .nav-lang-menu a { color: rgba(0,0,0,0.7) !important; }
[data-mode="light"] #cookieBanner { background: rgba(255,255,255,0.98) !important; }
[data-mode="light"] .cookie-text p { color: rgba(0,0,0,0.7) !important; }
[data-mode="light"] .cookie-btn.decline { color: rgba(0,0,0,0.6) !important; border-color: rgba(0,0,0,0.15) !important; }
[data-mode="light"] .home-project-tags span { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.1) !important; color: rgba(0,0,0,0.6) !important; }
[data-mode="light"] .blog-cat-btn { border-color: rgba(0,0,0,0.15) !important; color: rgba(0,0,0,0.6) !important; }
[data-mode="light"] .pics-filter-btn { border-color: rgba(0,0,0,0.15) !important; color: rgba(0,0,0,0.6) !important; }
[data-mode="light"] .shop-cat-circle-name { color: rgba(0,0,0,0.7) !important; }
[data-mode="light"] .shop-products .products li.product { background: #fff !important; border-color: rgba(0,0,0,0.08) !important; }
[data-mode="light"] .woocommerce-loop-product__title { color: #111 !important; }