/*
Theme Name: ECOMIXX
Author: ECOSYMPA.
Description: Thème premium sur-mesure - Refonte CSS
Version: 2.0.0
*/

/* --- 1. Variables Globales (Fallback pour le CSS pur) --- */
:root {
    --noir-mat: #121212;
    --white-pure: #FFFFFF;
    --sage-green: #899382;
}

/* --- 2. Fixes WordPress --- */
/* Empêche la barre d'administration de casser la navbar sticky */
.admin-bar header {
    top: 32px !important;
}

/* --- 3. Utilitaires & Composants --- */
* { 
    border-radius: 0px !important; /* Maintien strict du design industriel */
}

h1, h2, h3 { 
    letter-spacing: -0.04em; 
}

/* --- 4. Animations --- */
#progress-bar { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 0%; 
    height: 2px; 
    background: var(--noir-mat); 
    z-index: 2500; 
    transition: width 0.1s linear; 
}

.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1); 
}

.reveal.active { 
    opacity: 1; 
    transform: translateY(0); 
}

/* --- 5. Boutons Premium --- */
.btn-master { 
    background: var(--noir-mat); 
    color: var(--white-pure); 
    padding: 24px 50px; 
    font-size: 11px; 
    font-weight: 700; 
    letter-spacing: 0.4em; 
    text-transform: uppercase; 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    border: 1px solid var(--noir-mat); 
    cursor: pointer; 
    text-align: center; 
}

.btn-master:hover { 
    background: var(--sage-green); 
    border-color: var(--sage-green); 
    color: var(--white-pure); 
}

/* --- 6. Interactions Diverses --- */
.swatch-active { 
    outline: 1px solid var(--noir-mat); 
    outline-offset: 3px; 
}

.nav-input::placeholder { color: #A8A29E; }
.nav-input:focus { outline: none; border-color: var(--white-pure); }

.toast-active { transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important; }
.mobile-menu-active { transform: translateX(0) !important; }