/* File: assets/css/theme-vars.css */

/* --- 1. СВІТЛА ТЕМА --- */
:root {
    --sh-bg: var(--bg-main, #E8EBED); 
    
    /* ХЕДЕР: ПОВНІСТЮ ПРОЗОРИЙ */
    --sh-header-bg: transparent; /* Було rgba(...) */
    --sh-header-border: transparent;
    --sh-header-shadow: none;
    --sh-header-blur: none; /* Прибираємо розмиття */

    /* МЕНЮ (ТРЕК) */
    --sh-menu-bg: var(--sh-3d-gradient); 
    --sh-menu-border: var(--glass-border, rgba(255, 255, 255, 0.4));
    --sh-menu-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
    
    /* 3D Елементи */
    --sh-3d-gradient: linear-gradient(180deg, var(--bg-surface-solid, #FFFFFF) 0%, color-mix(in srgb, var(--bg-surface-solid, #FFFFFF) 72%, var(--border-color, #E9ECEF)) 100%);
    --sh-3d-shadow: var(--shadow-md, 0 4px 16px rgba(0, 0, 0, 0.06)), var(--lg-inner-highlight, inset 0 1px 0 rgba(255, 255, 255, 1));
    --sh-3d-border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.72));
    
    /* Текст 3D */
    --sh-text-3d: 0 1px 1px rgba(255, 255, 255, 1); 
    --sh-icon-3d: drop-shadow(0 2px 3px rgba(0,0,0,0.15));
    --sh-active-glow: drop-shadow(0 0 5px color-mix(in srgb, var(--brand-primary, #007AFF) 40%, transparent));

    --sh-text: var(--text-primary, #1D1D1F);
    --sh-menu-text: var(--text-secondary, #6e6e73); 
    --sh-accent: var(--brand-primary, #007AFF);    
}

/* --- 2. ТЕМНА ТЕМА --- */
html.wp-dark-mode-active body, 
body.wp-dark-mode-active {
    --sh-bg: var(--bg-main, #121212) !important;
    
    /* ХЕДЕР: ПОВНІСТЮ ПРОЗОРИЙ */
    --sh-header-bg: transparent !important;
    --sh-header-border: transparent !important;
    --sh-header-shadow: none !important;
    
    /* МЕНЮ (ТРЕК) */
    --sh-menu-bg: var(--sh-3d-gradient)!important; 
    --sh-menu-border: var(--glass-border, rgba(255, 255, 255, 0.1)) !important;
    --sh-menu-shadow: inset 0 2px 5px rgba(0,0,0,0.5) !important;
    
    /* 3D Елементи */
    --sh-3d-gradient: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface-solid, #1C1C1E) 84%, white) 0%, var(--bg-surface-solid, #1C1C1E) 100%) !important;
    --sh-3d-shadow: var(--shadow-lg, 0 12px 34px rgba(0, 0, 0, 0.55)), var(--lg-inner-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.15)) !important;
    --sh-3d-border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.10)) !important;
    
    /* Текст 3D */
    --sh-text-3d: 0 2px 4px rgba(0,0,0, 0.8); 
    --sh-icon-3d: drop-shadow(0 3px 4px rgba(0,0,0, 0.7));
    --sh-active-glow: drop-shadow(0 0 8px color-mix(in srgb, var(--brand-primary, #0A84FF) 60%, transparent));
    
    --sh-text: var(--text-primary, #F5F5F7) !important;
    --sh-menu-text: var(--text-secondary, #8E8E93) !important; 
    --sh-accent: var(--brand-primary, #0A84FF) !important;    
}

body {
    background-color: var(--sh-bg) !important;
    color: var(--sh-text) !important;
    margin: 0;
    font-family: var(--font-family, -apple-system, BlinkMacSystemFont, sans-serif);
}
/* =========================================
   FORCE TEXT TO BE STATIC (NO ANIMATION)
   ========================================= */

h1, h2, h3, h4, h5, h6,
p, span, a,
strong, em, small,
label,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button span,
button span {
    transition: none !important;
}