/* Parabox — thème « supermarché » : orange, bleu nuit, jaune. Chargé après style.css. */
:root{
  --ink:#14213D; --pink:#FF6B2C; --pink-dark:#B23A0E; --yellow:#FFD23F; --cream:#F4F5F7;
  --line:#E2E5EB; --muted:#4F5A6E; --radius:18px; --font:'Archivo';
  --orange:#FF6B2C;
}
a:hover{color:#7A2608}
.h1,.h2{font-weight:900;text-transform:uppercase;letter-spacing:-.5px}
.h3{font-weight:900}

/* Bandeau, en-tête orange pleine largeur, menu blanc */
.topbar{background:var(--ink);color:#fff;text-transform:none;letter-spacing:0;font-weight:600}
.topbar .lang-switch{color:var(--yellow)}
.header{position:relative;background:var(--orange);box-shadow:0 0 0 100vmax var(--orange);clip-path:inset(0 -100vmax);padding-top:16px;padding-bottom:16px}
.search{border:3px solid var(--ink);border-radius:12px;height:50px}
.btn-cart{background:var(--ink);border-radius:12px;height:50px}
.badge{background:var(--orange);color:var(--ink);font-weight:900}
.btn-outline{border-color:var(--ink);border-radius:12px;height:50px;background:#fff}
.menu-toggle{border-color:var(--ink);border-radius:12px}
.nav{position:relative;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);gap:0 6px;padding-top:4px;padding-bottom:4px;border-bottom:1px solid var(--line);margin-bottom:8px}
.chip{background:transparent;border:0;border-radius:8px;padding:12px 10px;font-weight:800;text-transform:uppercase;font-size:14px}
.chip:hover{background:var(--cream)}
.chip-hot,.chip-hot:hover{background:transparent;color:var(--pink-dark)}
.flash{border-width:3px}

/* Boutons */
.btn{border-radius:12px}
.btn-dark{background:var(--ink)}.btn-dark:hover{background:#24365F}
.btn-pink,.pb-btn-orange{background:var(--orange);color:var(--ink)}.btn-pink:hover,.pb-btn-orange:hover{background:#FF8650;color:var(--ink)}
.btn-outline-dark{border-width:3px}

/* Cartes produits */
.card{border:0;border-radius:18px;box-shadow:0 1px 0 var(--line)}
.card-img{background:var(--cream)!important;margin:12px 12px 0;border-radius:12px}
.sticker{left:10px;right:auto;top:10px;width:auto;height:auto;padding:4px 10px;border-radius:8px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:18px;transform:rotate(-3deg)}
.brand{color:var(--muted);text-transform:uppercase;font-size:12px}
.card-title{font-weight:600}
.price{display:inline-block;background:var(--orange);color:var(--ink);font-weight:900;padding:1px 10px;border-radius:8px}
.price-row s{font-weight:600}
.card .btn-dark{text-transform:uppercase;font-weight:900}
.bar{background:#FFE3D6}.bar div{background:var(--orange)}

/* Fiche produit, panier, listes */
.product-img{border:0;background:#fff!important;border-radius:20px}
.product-img .sticker{left:20px;top:20px;font-size:24px;padding:6px 14px}
.price-big b{background:var(--orange);color:var(--ink);padding:2px 14px;border-radius:10px;font-weight:900}
.save{background:var(--yellow);color:var(--ink)}
.perks li{border:0}
.summary,.thanks,.garde-city,.pager a,.garde-tabs a,.qty,.field input,.field select,.sort select{border-color:var(--ink)}
.summary,.thanks{border-width:3px}
.ship-hint{border-color:var(--orange)}
.cart-line,.need,.brand-tile,.pay-box,.garde-card,.garde-note{border-color:var(--line)}
.club{background:var(--yellow);border:0}
.club-form input{border-width:3px}
.garde-sos-list a{background:#24365F}
.garde-sos-list a b{color:var(--yellow)}

/* Pied de page */
.footer{background:var(--ink);color:#D6DBE6}
.footer a{color:#D6DBE6}.copy{border-top-color:#24365F;color:#B8C0D0}

/* ---- Page d'accueil Parabox ---- */
.pb-hero-row{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px;padding-bottom:16px}
.pb-hero{flex:2 1 600px;min-width:0;background:var(--ink);color:#fff;border-radius:20px;padding:clamp(26px,4vw,44px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.pb-hero-text{flex:1 1 340px;min-width:0}
.pb-tag{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:900;padding:5px 12px;border-radius:8px;transform:rotate(-2deg);text-transform:uppercase}
.pb-hero-title{margin:14px 0 10px;font-size:clamp(38px,5.4vw,60px);line-height:.98;font-weight:900;letter-spacing:-1.5px;text-transform:uppercase}
.pb-hero-text p{margin:0 0 22px;font-size:18px;color:#D6DBE6;max-width:470px}
.pb-hero .btn{text-transform:uppercase;font-weight:900}
.pb-badge{flex:0 0 220px;height:220px;border-radius:50%;background:var(--orange);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:900;text-transform:uppercase;line-height:1.1}
.pb-badge:hover{color:var(--ink);transform:rotate(-4deg)}
.pb-badge b{font-size:68px;line-height:.95;letter-spacing:-2px}
.pb-side{flex:1 1 280px;min-width:0;display:grid;gap:16px}
.pb-side-tile{border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;color:var(--ink)}
.pb-side-tile b{font-size:24px;font-weight:900;text-transform:uppercase;line-height:1.05}
.pb-side-tile span{font-weight:700}
.pb-side-tile:hover{color:var(--ink);transform:translateY(-2px)}
.pb-yellow{background:var(--yellow)}
.pb-outline{background:#fff;border:3px solid var(--ink)}
.pb-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-bottom:8px}
.pb-cat{background:#fff;border-radius:16px;padding:16px 10px;text-align:center;font-weight:800;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px;line-height:1.2}
.pb-cat:hover{color:var(--ink);box-shadow:0 0 0 3px var(--ink) inset}
.pb-cat-ico{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900}
.pb-perks{background:var(--yellow);padding:30px 0}
.pb-perks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;font-weight:700}
.pb-perks-grid b{display:block;font-size:21px;font-weight:900;text-transform:uppercase}
.pb-needs{display:flex;flex-wrap:wrap;gap:10px}
.pb-need{background:#fff;border:3px solid var(--ink);border-radius:999px;padding:12px 20px;font-weight:800;color:var(--ink)}
.pb-need:hover{background:var(--ink);color:#fff}
.pb-brands{background:var(--ink);padding:26px 0;margin-top:12px}
.pb-brands-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 34px}
.pb-brands a{color:#fff;font-weight:900;font-size:clamp(18px,2.2vw,26px)}
.pb-brands a:hover{color:var(--orange)}
.pb-brands .pb-brands-all{color:var(--orange);font-size:16px}
@media(max-width:600px){.pb-badge{flex-basis:170px;height:170px}.pb-badge b{font-size:52px}}

/* Version arabe */
[dir=rtl] .sticker,[dir=rtl] .product-img .sticker{transform:rotate(3deg)}
[dir=rtl] .pb-tag{transform:rotate(2deg)}
[dir=rtl] .h1,[dir=rtl] .h2,[dir=rtl] .pb-hero-title{text-transform:none}
.product-img .sticker{right:auto}
.product-info .h1{text-transform:none}

/* Diaporama (Admin › Slides) */
.pb-main{flex:2 1 600px;min-width:0;display:flex}
.pb-main>.pb-hero,.pb-main>.slider{flex:1 1 auto;min-width:0}
.slider{border-radius:20px}
.slide{min-height:100%}
.slide-tag{text-transform:uppercase;font-weight:900;transform:rotate(-2deg)}
.slide-title{font-weight:900;text-transform:uppercase;letter-spacing:-1px}
.slide-btn{text-transform:uppercase;font-weight:900}
.slide-price b{display:inline-block;background:var(--orange);color:var(--ink);padding:0 12px;border-radius:10px;font-weight:900}
.slide-deal .slide-media{border-radius:16px}
.slide-media .sticker{transform:rotate(-4deg)}
[dir=rtl] .slide-title{text-transform:none}
.slide-deal .slide-title{text-transform:none;letter-spacing:-.5px}
.slide{padding-bottom:72px}