/* =====================================================================
   GATARD Product Pro 4.6.31 — corrections ciblées page commande
   - suppression définitive des anciens points hero
   - frame article desktop au hover
   - badges regroupés à gauche (Menu avant Vegan/Halal)
   - suppression de la dépendance Poppins dans l'UI GPP de cette page
   - alignement hero/carrousel avec le bas réel du header via variable JS
   Scope strict : CMS 7 + racines GPP. Aucun style header/footer.
   ===================================================================== */

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean{
  --gpp31-primary:var(--gpp29-primary,#d8a748);
  --gpp31-secondary:var(--gpp29-secondary,#b88329);
  --gpp31-gradient:linear-gradient(135deg,var(--gpp31-primary),var(--gpp31-secondary));
  --gpp31-header-align:0px;
  margin-top:var(--gpp31-header-align)!important;
}

/* 1. Ancien bloc supprimé à la source ; cette règle couvre aussi un ancien JS en cache. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v417-points{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* 2. Le hero/carrousel n'a plus de compensation verticale historique arbitraire. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root > .gpp-online-intro.gpp-v417-hero,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-intro.gpp-v417-hero.gpp-v429-hero-stable,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean .gpp-online-intro.gpp-v417-hero,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean .gpp-online-intro.gpp-v417-hero.gpp-v424-hero-stable,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean .gpp-online-intro.gpp-v417-hero.gpp-v429-hero-stable,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean .gpp-online-intro.gpp-v417-hero.gpp-v429-hero-stable.ccmm-dynamic-safe-target{
  margin-top:0!important;
}

/* 3. Badges : Menu à gauche puis Vegan/Halal, jamais répartis aux deux bords. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v412-badges,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v4-badges,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v404-image-badges,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v405-image-badges,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v411-image-badges{
  justify-content:flex-start!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v412-badges .is-menu,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v4-badges .is-menu{
  order:-30!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v412-badges .is-green,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v412-badges .is-halal,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v4-badges .is-green,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v4-badges .is-halal{
  order:-20!important;
}

/* 4. Frame premium sur l'ARTICLE entier, uniquement sur desktop avec vraie souris. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card{
    position:relative!important;
    isolation:isolate;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card::after{
    content:"";
    position:absolute;
    z-index:20;
    inset:-2px;
    border:2px solid transparent;
    border-radius:20px;
    box-shadow:0 0 0 0 rgba(216,167,72,0);
    opacity:0;
    pointer-events:none;
    transition:opacity .20s ease,border-color .20s ease,box-shadow .22s ease,transform .22s ease;
    transform:scale(.992);
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card:hover,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card:focus-within{
    transform:translateY(-3px)!important;
    border-color:rgba(216,167,72,.42)!important;
    box-shadow:0 20px 44px rgba(126,85,24,.14)!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card:hover::after,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card:focus-within::after{
    opacity:1;
    transform:scale(1);
    border-color:#d8a748;
    box-shadow:0 0 0 4px rgba(216,167,72,.10),0 16px 36px rgba(184,131,41,.12);
  }
}

/* 5. Les hashes .woff2 en erreur correspondent à Poppins. L'UI GPP utilise désormais
      la pile système sur cette page afin de ne plus déclencher ces fichiers 403. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root *,
body.gpp-online-mode .gpp-v4-flow,
body.gpp-online-mode .gpp-v4-flow *,
body.gpp-online-mode .gpp-review-modal,
body.gpp-online-mode .gpp-review-modal *,
body.gpp-online-mode .gpp-accomp-modal,
body.gpp-online-mode .gpp-accomp-modal *,
body.gpp-online-mode .gpp-sauce-modal,
body.gpp-online-mode .gpp-sauce-modal *,
body.gpp-online-mode .gpp-slot-modal,
body.gpp-online-mode .gpp-slot-modal *,
body.gpp-online-mode .gpp-dessert-modal,
body.gpp-online-mode .gpp-dessert-modal *,
body.gpp-online-mode .gpp-added-choice,
body.gpp-online-mode .gpp-added-choice *,
body.gpp-online-mode .gpp-v4630-modal,
body.gpp-online-mode .gpp-v4630-modal *{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
/* Le titre hero garde son identité éditoriale, sans Poppins. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v417-hero h1,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-v417-hero h1 *{
  font-family:Georgia,"Times New Roman",serif!important;
}

@media (max-width:991.98px){
  /* Aucun hover persistant ni déplacement de carte sur tactile. */
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card{
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card::after{
    transition:none!important;
  }
}