/*
Theme Name: D! Shop 3D Light
Theme URI: https://dshop3d.local/light
Author: Lenon Calsavara <lenoncsilva@gmail.com>
Description: Tema premium claro (Light Mode) para e-commerce de impressão 3D e filamentos de alta precisão.
Template: dshop3d
Version: 1.0.0
Text Domain: dshop3d-light
*/

:root {
    --bg-dark: #f5f6f8;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #edf0f3;
    --bg-glass: rgba(255, 255, 255, 0.85);
    
    --text-primary: #111116;
    --text-secondary: #4e4e5f;
    --text-muted: #7d7d94;
    
    --border-subtle: rgba(0, 0, 0, 0.08);
    --border-glow: rgba(255, 85, 0, 0.15);
    
    --grad-dark-glow: radial-gradient(circle at top center, rgba(255, 69, 0, 0.06) 0%, rgba(245, 246, 248, 0) 70%);
}

/* Base Body Styles for Light Theme */
body.dshop3d-theme-light {
    background-color: var(--bg-dark);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Specific component overrides for light theme */
body.dshop3d-theme-light .site-header {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-subtle);
}

body.dshop3d-theme-light .brand-text-fallback {
    color: #111116;
}

body.dshop3d-theme-light .top-announcement-bar {
    background: linear-gradient(90deg, #fcebec 0%, #fdf0e6 50%, #fcf3e6 100%);
    border-bottom: 1px solid rgba(255, 85, 0, 0.1);
    color: #4e4e5f;
}

body.dshop3d-theme-light .announcement-badge {
    background: rgba(255, 85, 0, 0.08);
}

body.dshop3d-theme-light .subnav-categories {
    background: rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

body.dshop3d-theme-light .pill-item {
    background: rgba(0, 0, 0, 0.02);
}

body.dshop3d-theme-light .pill-item:hover, 
body.dshop3d-theme-light .pill-item.active {
    background: rgba(255, 85, 0, 0.08);
    color: var(--primary-orange);
    border-color: var(--primary-orange);
}

body.dshop3d-theme-light .cart-action-btn {
    background: rgba(0, 0, 0, 0.03);
}

body.dshop3d-theme-light .btn-glass {
    background: rgba(0, 0, 0, 0.03);
    color: var(--text-primary);
}

body.dshop3d-theme-light .btn-glass:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: var(--primary-orange);
    color: var(--text-primary);
}

body.dshop3d-theme-light .spool-badge-overlay {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}

body.dshop3d-theme-light .featured-products-section {
    background: var(--bg-surface);
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
}

body.dshop3d-theme-light .product-image-container {
    background: #fcfcfc;
}

body.dshop3d-theme-light .product-title a {
    color: var(--text-primary);
}

body.dshop3d-theme-light .product-title a:hover {
    color: var(--primary-orange);
}

body.dshop3d-theme-light .spool-weight-tag {
    background: rgba(0, 0, 0, 0.03);
}

body.dshop3d-theme-light .trust-features-section {
    background: #ffffff;
    border-top: 1px solid var(--border-subtle);
}

body.dshop3d-theme-light .site-footer {
    background: #edf0f3;
}

body.dshop3d-theme-light .social-link {
    background: #ffffff;
}

body.dshop3d-theme-light .tech-tag {
    background: rgba(0, 0, 0, 0.03);
}

body.dshop3d-theme-light .footer-bottom {
    background: #e4e7eb;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body.dshop3d-theme-light .pay-chip {
    background: rgba(0, 0, 0, 0.03);
}

body.dshop3d-theme-light .filter-item {
    background: rgba(0, 0, 0, 0.02);
}

body.dshop3d-theme-light .filter-item:hover, 
body.dshop3d-theme-light .filter-item.active {
    background: rgba(255, 85, 0, 0.08);
    color: var(--primary-orange);
    border-color: var(--primary-orange);
}

body.dshop3d-theme-light .filter-count {
    background: rgba(0, 0, 0, 0.05);
}

body.dshop3d-theme-light .sidebar-tech-card {
    background: rgba(255, 0, 85, 0.03);
}

/* Glass panel background in light theme */
body.dshop3d-theme-light .glass-panel {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}