/* NightCode Studio V11.51 — Corrections des pages legales uniquement.
   Compatible localhost/nightcodev4 et domaine racine. CSS charge apres normalisation des URLs.
   Aucun effet sur accueil, catalogue, compte, checkout, back-office. */
html body.nc-legal-page{
  color:#f3f3f6 !important;
  background:radial-gradient(ellipse 55% 32% at 100% 6%,rgba(190,30,50,.075),transparent 75%),linear-gradient(180deg,#141416 0%,#111114 65%,#141416 100%) !important;
  font-family:Outfit,system-ui,-apple-system,'Segoe UI',sans-serif !important;
  margin:0 !important;
}
html body.nc-legal-page main.nc-legal{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:70vh !important;
  margin:0 !important;
  padding:145px 0 86px !important;
  background:transparent !important;
  box-sizing:border-box !important;
}
html body.nc-legal-page main.nc-legal > .conteneur{
  display:block !important;
  width:min(1240px,calc(100% - 48px)) !important;
  max-width:1240px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative;
  box-sizing:border-box !important;
}
html body.nc-legal-page .nc-legal-head{
  width:100%;max-width:900px !important;
  margin:0 0 32px !important;
}
html body.nc-legal-page .nc-legal-head .nc-legal-kicker{
  color:#ff596a !important;font:800 11px/1.3 Outfit,system-ui,sans-serif !important;letter-spacing:.14em !important;
}
html body.nc-legal-page main.nc-legal h1{
  display:block !important;max-width:100%;margin:10px 0 13px !important;
  color:#fff !important;font:800 clamp(36px,4.8vw,56px)/1.08 Outfit,system-ui,sans-serif !important;
  letter-spacing:-.04em !important;overflow-wrap:break-word;
}
html body.nc-legal-page .nc-legal-head .lead{
  color:#adb0b9 !important;font:400 16px/1.7 Outfit,system-ui,sans-serif !important;
  max-width:800px !important;margin:0 !important;
}
html body.nc-legal-page .nc-legal-layout{
  display:grid !important;grid-template-columns:minmax(0,1fr) 288px !important;
  gap:26px !important;align-items:start !important;
  min-width:0 !important;width:100% !important;
}
html body.nc-legal-page .nc-legal-content{
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  gap:15px !important;min-width:0 !important;
}
html body.nc-legal-page .nc-legal-content > .nc-legal-card,
html body.nc-legal-page aside.nc-legal-side{
  background:linear-gradient(180deg,#232326,#1b1b1e) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:18px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.15) !important;
  box-sizing:border-box !important;
  min-width:0;
}
html body.nc-legal-page .nc-legal-content > .nc-legal-card{padding:26px 28px !important;}
html body.nc-legal-page .nc-legal-card h2,
html body.nc-legal-page .nc-legal-card h3{color:#fff !important;font-family:Outfit,system-ui,sans-serif !important;}
html body.nc-legal-page .nc-legal-card p,
html body.nc-legal-page .nc-legal-card li{
  color:#b9bac3 !important;font:400 15px/1.75 Outfit,system-ui,sans-serif !important;
  overflow-wrap:anywhere;
}
html body.nc-legal-page .nc-legal-card a,
html body.nc-legal-page .nc-legal-card a:visited{
  color:#ff6a7b !important;text-decoration:none !important;
  border-bottom:1px solid rgba(255,106,123,.35) !important;
  overflow-wrap:anywhere;
}
html body.nc-legal-page .nc-legal-card a:hover,
html body.nc-legal-page .nc-legal-card a:focus-visible{color:#fff !important;border-bottom-color:#ff6a7b !important;}
/* Remplace les gros boutons noirs issus de .nc-legal-side>* de l'ancien theme. */
html body.nc-legal-page main.nc-legal aside.nc-legal-side{
  display:flex !important;flex-direction:column !important;gap:2px !important;
  align-self:start !important;position:sticky !important;top:104px !important;
  padding:12px !important;width:100% !important;max-width:100%;
}
html body.nc-legal-page main.nc-legal aside.nc-legal-side > strong{
  display:block !important;padding:15px 12px 16px !important;
  margin:0 0 5px !important;background:transparent !important;
  color:#fff !important;font:800 14px/1.3 Outfit,system-ui,sans-serif !important;
  border:0 !important;border-bottom:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;box-shadow:none !important;
}
html body.nc-legal-page main.nc-legal aside.nc-legal-side > a{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;
  width:100% !important;min-height:44px !important;
  padding:11px 12px !important;margin:0 !important;
  color:#cacbd2 !important;background:transparent !important;border:0 !important;
  border-radius:9px !important;box-shadow:none !important;
  text-decoration:none !important;font:600 13px/1.4 Outfit,system-ui,sans-serif !important;
  transition:background-color .2s,color .2s;
}
html body.nc-legal-page main.nc-legal aside.nc-legal-side > a > span{flex:0 0 auto;color:#ff6172 !important;font-size:16px;}
html body.nc-legal-page main.nc-legal aside.nc-legal-side > a:hover,
html body.nc-legal-page main.nc-legal aside.nc-legal-side > a:focus-visible{
  background:rgba(255,85,102,.10) !important;color:#fff !important;
}
html body.nc-legal-page main.nc-legal aside.nc-legal-side > a[aria-current="page"]{
  color:#ffc0c8 !important;
  background:linear-gradient(90deg,rgba(237,52,72,.18),rgba(237,52,72,.025)) !important;
  box-shadow:inset 2px 0 0 #ed3448 !important;
}
@media(max-width:850px){
  html body.nc-legal-page .nc-legal-layout{grid-template-columns:minmax(0,1fr) !important;gap:18px !important;}
  html body.nc-legal-page main.nc-legal aside.nc-legal-side{position:static !important;order:2 !important;}
}
@media(max-width:650px){
  html body.nc-legal-page main.nc-legal{padding:112px 0 55px !important;}
  html body.nc-legal-page main.nc-legal > .conteneur{width:calc(100% - 28px) !important;}
  html body.nc-legal-page .nc-legal-content > .nc-legal-card{padding:20px !important;}
  html body.nc-legal-page .nc-legal-head .lead{font-size:14px !important;}
}
@media(prefers-reduced-motion:reduce){
  html body.nc-legal-page main.nc-legal aside.nc-legal-side > a{transition:none !important;}
}
