/* ============================================================================
   WEBENA V8 · CÉLINE & ADRIEN · plein cadre
   ----------------------------------------------------------------------------
   La couleur d'une section doit toujours couvrir toute la largeur du navigateur,
   même lorsque son contenu reste aligné sur la grille éditoriale de 1340 px.
   On conserve donc exactement la largeur de lecture actuelle, mais on retire le
   max-width du bloc qui porte le fond.
   ============================================================================ */

body[data-demo-theme="minimal"]{
  width:100%;
  max-width:none;
  overflow-x:hidden;
  overflow-x:clip;
}
body[data-demo-theme="minimal"] main{
  width:100%;
  max-width:none;
}

/* Avant : .page portait à la fois le fond ET max-width:1340px, ce qui laissait
   des bandes du body visibles sur les écrans larges. Maintenant le fond est
   plein cadre, tandis que ce calcul conserve exactement la largeur éditoriale
   historique du contenu au-delà de 1340 px. */
body[data-demo-theme="minimal"] .page{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:max(
    var(--m),
    calc((100vw - 1340px) / 2 + var(--m))
  );
  box-sizing:border-box;
}

/* Les sections et le pied doivent réellement peindre tout le viewport. */
body[data-demo-theme="minimal"] .hero,
body[data-demo-theme="minimal"] main > .sec,
body[data-demo-theme="minimal"] main > .cfg,
body[data-demo-theme="minimal"] .foot{
  width:100%;
  max-width:none;
}

/* Le contenu n'est jamais tassé pour profiter de la largeur supplémentaire :
   il garde ses retours à la ligne et sa mesure éditoriale. */
body[data-demo-theme="minimal"] .sec__in,
body[data-demo-theme="minimal"] .cfg__in{
  min-width:0;
}
body[data-demo-theme="minimal"] .sec__in > *,
body[data-demo-theme="minimal"] .cfg__in > *,
body[data-demo-theme="minimal"] .hero__type,
body[data-demo-theme="minimal"] .hero__img{
  min-width:0;
}

/* Les ancres ne doivent pas placer un titre sous la navigation collante. */
body[data-demo-theme="minimal"] main > section[id]{
  scroll-margin-top:clamp(76px,7vw,96px);
}

/* Le configurateur et le footer suivent la même discipline que les sections :
   aucune bande extérieure, aucune couleur parasite. */
body[data-demo-theme="minimal"] .cfg,
body[data-demo-theme="minimal"] .foot{
  border-color:var(--sec-line,var(--t-line));
}

@media(max-width:700px){
  body[data-demo-theme="minimal"] .page{
    padding-inline:var(--m);
  }
}


/* ============================================================================
   Correctifs Webena · Céline & Adrien
   ----------------------------------------------------------------------------
   1) Aucun fond grisé : les blocs restent dans le papier de la section.
   2) Mobile / tablette : les repères de section ne sont plus sticky, pour
      éviter toute superposition avec le contenu lors du défilement.
   ============================================================================ */

/* ---- 1. Fonds grisés supprimés partout sur la démo Céline */
body[data-demo-theme="minimal"] .t-place,
body[data-demo-theme="minimal"] .t-check,
body[data-demo-theme="minimal"] .t-input,
body[data-demo-theme="minimal"] .t-select,
body[data-demo-theme="minimal"] .t-textarea,
body[data-demo-theme="minimal"] .t-conf,
body[data-demo-theme="minimal"] .t-comp,
body[data-demo-theme="minimal"] .t-item,
body[data-demo-theme="minimal"] .t-gal figure,
body[data-demo-theme="minimal"] .t-cd--boxed .t-cd__u,
body[data-demo-theme="minimal"] .t-qr{
  background:transparent !important;
  box-shadow:none !important;
}

body[data-demo-theme="minimal"] .t-place,
body[data-demo-theme="minimal"] .t-check,
body[data-demo-theme="minimal"] .t-item,
body[data-demo-theme="minimal"] .t-conf,
body[data-demo-theme="minimal"] .t-comp,
body[data-demo-theme="minimal"] .t-qr{
  border-radius:0 !important;
}

/* Les champs restent lisibles sans pavé gris. */
body[data-demo-theme="minimal"] .t-input,
body[data-demo-theme="minimal"] .t-select,
body[data-demo-theme="minimal"] .t-textarea{
  background:transparent !important;
}

/* Les cartes cochées ne doivent pas se teinter en gris / beige. */
body[data-demo-theme="minimal"] .t-check:has(input:checked){
  background:transparent !important;
}

/* Les cartes de lieux et de RSVP gardent seulement des filets. */
body[data-demo-theme="minimal"] .t-place{
  border:0 !important;
  border-top:1px solid var(--t-line) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body[data-demo-theme="minimal"] .t-check{
  border:0 !important;
  border-bottom:1px solid var(--t-line) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body[data-demo-theme="minimal"] .t-conf{
  border:0 !important;
  border-top:1px solid var(--t-line) !important;
  padding-inline:0 !important;
}

body[data-demo-theme="minimal"] .t-comp{
  border:0 !important;
  border-top:1px dashed var(--t-line) !important;
  padding-inline:0 !important;
}

/* ---- 2. Mobile / tablette : plus de repères qui collent et chevauchent */
@media(max-width:899px){
  body[data-demo-theme="minimal"] .sec__in,
  body[data-demo-theme="minimal"] .cfg__in{
    gap:18px;
  }

  body[data-demo-theme="minimal"] .side{
    position:static;
    top:auto;
    align-self:auto;
    margin:0;
  }

  body[data-demo-theme="minimal"] .side b,
  body[data-demo-theme="minimal"] .side span{
    display:block;
  }

  body[data-demo-theme="minimal"] .body,
  body[data-demo-theme="minimal"] .t-prog,
  body[data-demo-theme="minimal"] .places,
  body[data-demo-theme="minimal"] .t-gal,
  body[data-demo-theme="minimal"] .rsvp,
  body[data-demo-theme="minimal"] .t-faq,
  body[data-demo-theme="minimal"] .pal{
    margin-top:0;
  }
}


/* ---- 3. Section 02 "Le déroulé" : pas de fond grisé/beige */
body[data-demo-theme="minimal"] #jour{
  --sec-from:var(--t-bg) !important;
  --sec-to:var(--t-bg) !important;
  --sec-ink:var(--t-ink-bg,var(--t-ink)) !important;
  --sec-soft:var(--t-soft-bg,var(--t-ink-soft)) !important;
  --sec-accent:var(--t-accent-bg,var(--t-accent)) !important;
  --sec-accent-text:var(--t-accent-text-bg,var(--t-accent)) !important;
  --sec-line:var(--t-line-bg,var(--t-line)) !important;
  --sec-line-soft:var(--t-line-soft-bg,var(--t-line)) !important;
  --sec-veil:transparent !important;
  --sec-field:transparent !important;
  background:linear-gradient(180deg,var(--t-bg) 0,transparent var(--bridge)), var(--t-bg) !important;
}