/* --- VARIABLES & RESET --- */
:root {
    --blue: #144565;
    --pink: #ff696b;
    --light-grey: #f8fbfe;
}

body { 
    font-family: 'Plus Jakarta Sans', 'Open Sans', sans-serif; 
    font-size: 14px; margin: 0; padding: 0; 
    text-align: center; color: #4d4d4d; 
    background-color: var(--light-grey);
}

a { text-decoration: none; transition: 0.3s; }
img { max-width: 100%; height: auto; border: none; }

/* --- LAYOUT --- */
.full-width { width: 100%; clear: both; position: relative; }
.site-width { width: 92%; margin: 0 auto; position: relative; }

/* --- TYPOGRAPHIE --- */
h1 { color: var(--blue); font-size: 22px; font-weight: 800; margin: 20px 0; text-transform: uppercase; }
h2 { color: var(--blue); font-size: 18px; font-weight: 800; margin: 20px 0; }
h3 { color: var(--blue); font-size: 16px; font-weight: 700; margin: 10px 0; }

.txt-white { color: #fff !important; }
.txt-dark-blue { color: var(--blue) !important; }
.txt-pink { color: var(--pink) !important; }

/* --- BOUTONS --- */
button, .button, input[type="submit"] {
    background: var(--blue);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}

.btn-pink { background: var(--pink) !important; }

/* --- FORMULAIRES --- */
input:not([type="submit"]), textarea, select {
    width: 100%;
    height: 45px;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    padding: 0 15px;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 15px;
}

textarea { height: 120px; padding: 10px; }

/* --- PANIER & COMPTE (MOBILE) --- */
#account th, #account td { padding: 12px 5px; font-size: 12px; border-bottom: 1px solid #eef2f5; }

.shippings-methods li {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #eef2f5;
    list-style: none;
}

/* --- FIX POUR LE NOUVEAU BASE --- */
main#content {
    min-height: 60vh;
    padding-bottom: 40px;
}

.no-scroll { overflow: hidden; }

/* Masquer les anciens ID de l'ancienne version si besoin */
#header-old, #menutop-old { display: none !important; }