/* =====================================================================
   THÈME « ROUGE PÉTANT » — accents rouge vif, jour et nuit
   Chargé seulement si « Rouge pétant » est choisi dans l'espace de gestion > Apparence.
   Les règles de base sont dans style.css (ce fichier ne fait que les surcharger).
   ===================================================================== */
:root{--red:#FF1F2D;--red-d:#D90F1C;--red-glow:rgba(255,31,45,.55)}
.btn-red{box-shadow:0 10px 24px -8px var(--red-glow)}
.add,.fab{box-shadow:0 10px 22px -8px var(--red-glow)}

/* En-tête : liseré rouge */
.header{border-bottom:4px solid var(--red)}
.nav a:hover{background:var(--red);color:#fff}
.soc:hover{background:var(--red);color:#fff}
.cart-n{background:#fff;color:var(--red);border-color:var(--red)}

/* Titres : mot en couleur en rouge + trait rouge sous le titre */
.ttl em,html.night .ttl em{color:var(--red)}
.ttl.light em,html.night .ttl.light em{color:var(--yellow);text-shadow:none}
.cc .ttl::after{display:none}
.ttl::after{content:"";display:block;width:64px;height:6px;border-radius:3px;background:var(--red);margin-top:12px;transform:skewX(-6deg)}
[style*="text-align:center"]>.ttl::after,.center>.ttl::after,.ttl.center::after{margin-left:auto;margin-right:auto}

/* Hero */
.hero-cats a:hover{background:var(--red);color:#fff}
.hero-hours{border-left:4px solid var(--red)}

/* Univers : bandeau rouge au survol */
.tile{border-bottom:4px solid var(--red)}
.tile span{background:linear-gradient(transparent,rgba(14,26,43,.95) 55%)}
.tile:hover span{background:linear-gradient(transparent,rgba(217,15,28,.96) 55%)}
.tile i{background:var(--red);border-color:var(--red)}

/* Promos */
.promo.kids::before{background:linear-gradient(90deg,rgba(217,15,28,.96),rgba(255,31,45,.3))}
.promo.kids .btn-red{background:#fff;color:var(--red)}
.promo.kids .btn-red:hover{background:var(--yellow);color:var(--navy)}
.promo:not(.kids){border-left:6px solid var(--red)}
.burst{border-color:var(--red);color:var(--red)}

/* Carte */
.tabs button:hover{border-color:var(--red);color:var(--red)}
.tabs button.on:hover{color:#fff}
.prod:hover{border-color:var(--red)}
.cat-ed{border-left:6px solid var(--red);padding-left:12px}

/* Contact */
.chips input:checked+span{background:var(--red);border-color:var(--red);color:#fff}
.chips span:hover{border-color:var(--red)}

/* Pied de page */
.footer{border-top:6px solid var(--red)}
.f-col h4 .ico{color:var(--red)}

/* Panier / commande */
.slots button.on,.d-steps span.on{background:var(--red);border-color:var(--red);color:#fff}
.payopt .cards{color:var(--red)}
.suivi-top{border-bottom:5px solid var(--red)}

/* ----- Nuit : rouge néon ----- */
html.night{--red:#FF2A3A;--red-d:#E0101F;--red-glow:rgba(255,42,58,.7)}
html.night .header{border-bottom-color:var(--red);box-shadow:0 4px 22px -6px var(--red-glow)}
html.night .ttl em{text-shadow:0 0 18px var(--red-glow)}
html.night .ttl::after{box-shadow:0 0 14px var(--red-glow)}
html.night .tile{border-bottom-color:var(--red);box-shadow:0 10px 26px -14px var(--red-glow)}
html.night .prod:hover{box-shadow:0 0 0 1px var(--red),0 12px 30px -14px var(--red-glow)}
html.night .footer{border-top-color:var(--red);box-shadow:0 -4px 22px -8px var(--red-glow)}
html.night .chips input:checked+span,html.night .slots button.on,html.night .d-steps span.on{background:var(--red);border-color:var(--red);color:#fff}
html.night .burst{color:#fff;border-color:var(--red);box-shadow:0 0 18px -2px var(--red-glow)}
html.night .price,html.night .pm-h b,html.night .d-total b,html.night .facts .ico{color:#FF4D5A}
html.night .btn-red{box-shadow:0 0 22px -4px var(--red-glow)}