/*
Theme Name: Jimee Cosmetics
Theme URI: https://jimeecosmetics.com
Description: Thème custom e-commerce pour Jimee Cosmetics — multi-marques cosmétiques.
Author: Web Rocket
Author URI: https://web-rocket.dz
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: jimee
*/

/* ========== DESIGN TOKENS ========== */
:root {
    --white: #FFFFFF;
    --black: #000000;
    --gold: #D4AF37;
    --bordeaux: #8B0000;
    --violet: #8B0000; /* bordeaux — validé par le client */
    --green: #2E7D32;
    --warm-bg: #F8F6F3;
    --border: #E8E4DF;

    --shadow-sm: 0 2px 12px rgba(0,0,0,.04);
    --shadow-md: 0 4px 24px rgba(0,0,0,.06);
    --shadow-lg: 0 8px 40px rgba(0,0,0,.10);
    --shadow-xl: 0 16px 56px rgba(0,0,0,.14);

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    --transition: all .3s cubic-bezier(.4,0,.2,1);
}

/* ========== RESET & BASE ========== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: clip; }
html.menu-open { overflow: hidden; height: 100%; }
body {
    font-family: 'Poppins', sans-serif;
    color: var(--black);
    background: var(--white);
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
    html, body { overflow-x: hidden; max-width: 100vw; }
}
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
input, select, textarea { font-family: inherit; }

/* ========== UTILITIES ========== */
.container { max-width: 1440px; margin: 0 auto; padding: 0 32px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media (max-width: 768px) {
    .container { padding: 0 16px; }
}