/* =====================================================================
   GATARD Product Pro 4.6.34 — correction de cascade définitive CMS 7
   Objectifs :
   - aucune frame dorée permanente au repos
   - frame unique autour de la CARTE uniquement au hover desktop
   - aucun cadre interne autour de l'image
   - badges Menu + Vegan/Halal réellement groupés à gauche
   - hero/carrousel 100% carré, malgré les anciens sélecteurs v427/v428
   Scope strict CMS 7 / #gpp-online-root. Aucun header/footer modifié.
   ===================================================================== */

/* HERO : sélecteur volontairement plus spécifique que les anciennes règles v428. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero.ccmm-dynamic-safe-target,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v417-hero-media,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v429-hero-carousel,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v429-hero-slide,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v429-hero-slide img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v417-hero-media img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v417-hero-copy{
  border-radius:0!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero::before,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero::after,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v417-hero-media::before,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v417-hero-media::after{
  border-radius:0!important;
}

/* Les anciens points hero restent supprimés même si un cache ressuscite un fragment. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-online-intro.gpp-v417-hero .gpp-v417-points{
  display:none!important;visibility:hidden!important;opacity: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;
}

/* IMAGE PRODUIT : aucune boîte/frame interne, juste le produit. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card.gpp-v417-card > .gpp-online-img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final.gpp-v4630-media-transparent article.gpp-online-card > .gpp-online-img{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card > .gpp-online-img::before,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card > .gpp-online-img::after,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final.gpp-v4630-hover-frame article.gpp-online-card > .gpp-online-img::before,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final.gpp-v4630-hover-frame article.gpp-online-card > .gpp-online-img::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* BADGES : priorité supérieure au justify-content:space-between historique v427. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v412-badges,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v4-badges{
  inset:10px auto auto 10px!important;
  left:10px!important;
  right:auto!important;
  width:max-content!important;
  max-width:calc(100% - 64px)!important;
  display:flex!important;
  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-v417-clean.gpp-v4634-final .gpp-v412-badges .is-menu,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v4-badges .is-menu{order:-30!important}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v412-badges .is-green,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v412-badges .is-halal,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v4-badges .is-green,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v4-badges .is-halal{order:-20!important}

/* APERÇU : séparé des badges. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final .gpp-v4630-quick{
  top:auto!important;left:12px!important;right:auto!important;bottom:12px!important;
}

/* DESKTOP : carte discrète au repos, UNE frame dorée uniquement au hover. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card{
    position:relative!important;
    isolation:isolate!important;
    border:1px solid rgba(133,118,80,.13)!important;
    box-shadow:0 7px 22px rgba(71,48,18,.04)!important;
    transform:none!important;
    transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:30!important;
    inset:-2px!important;
    border:2px solid transparent!important;
    border-radius:20px!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:scale(.994)!important;
    transition:opacity .18s ease,transform .20s ease,border-color .18s ease,box-shadow .20s ease!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card:hover,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card:focus-within{
    transform:translateY(-3px)!important;
    border-color:rgba(216,167,72,.30)!important;
    box-shadow:0 18px 40px rgba(126,85,24,.12)!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card:hover::after,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card:focus-within::after{
    opacity:1!important;
    transform:scale(1)!important;
    border-color:#d8a748!important;
    box-shadow:0 0 0 3px rgba(216,167,72,.075),0 14px 32px rgba(184,131,41,.10)!important;
  }
}

/* Tactile : pas de pseudo-hover qui reste accroché. */
@media (max-width:991.98px), (hover:none), (pointer:coarse){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card::after{
    display:none!important;content:none!important;opacity:0!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean.gpp-v4634-final article.gpp-online-card{transform:none!important}
}

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


/* =====================================================================
   GPP 4.6.37 — restauration visuelle validée + aperçu au bon endroit
   La base ci-dessus reprend volontairement le rendu 4.6.34.
   ===================================================================== */

/* L'aperçu ne flotte plus jamais sur l'image. Il est dans le contenu,
   juste avant le CTA principal, sous le prix. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  margin:8px 0 0!important;
  padding:6px 10px!important;
  border:1px solid rgba(184,131,41,.22)!important;
  border-radius:8px!important;
  background:#fffaf2!important;
  box-shadow:none!important;
  color:#8b6428!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick:hover,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick:focus-visible{
  background:#fff3d8!important;
  border-color:#d8a748!important;
  color:#6f4d1d!important;
  outline:none!important;
}

/* Supprime toutes les anciennes variantes flottantes éventuelles. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-img > .gpp-v4630-quick,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root article.gpp-online-card > .gpp-v4630-quick{
  position:static!important;
}

/* Les cartes conservent exactement la hiérarchie visuelle validée : média,
   contenu, CTA. Aucun style 4.6.36 ne doit changer la composition. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean article.gpp-online-card > .gpp-online-add{
  position:static!important;
  width:100%!important;
  margin:0!important;
}

/* Sur mobile/tablette, Aperçu reste compact et ne crée jamais de chevauchement. */
@media (max-width:991.98px), (hover:none), (pointer:coarse){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick{
    min-height:32px!important;
    margin-top:7px!important;
    padding:7px 10px!important;
    font-size:10.5px!important;
  }
}

/* Petits mobiles : le bouton reste lisible sans élargir la carte. */
@media (max-width:420px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root .gpp-online-card-content > .gpp-v4630-quick{
    width:100%!important;
  }
}