/* =====================================================================
   GATARD Product Pro 4.6.33 — correctifs visuels live CMS 7
   - frame article uniquement au hover desktop
   - médias sans frame permanente
   - badges Menu + Vegan/Halal groupés à gauche
   - aperçu sans chevauchement
   - hero réellement carré
   Scope strict #gpp-online-root. Aucun header/footer ciblé.
   ===================================================================== */

/* HERO : aucune couche structurelle du hero/carrousel ne garde d'arrondi. */
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v417-hero-media,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v429-hero-carousel,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero .gpp-v429-hero-slide,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero .gpp-v417-hero-media > img{
  border-radius:0!important;
}
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v417-hero-media::before,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v417-hero-media::after,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v429-hero-carousel::before,
#cms.cms-id-7 #gpp-online-root > .gpp-online-intro.gpp-v417-hero > .gpp-v429-hero-carousel::after{
  border-radius:0!important;
}

/* MEDIA PRODUIT : transparent au repos, pas de deuxième frame dans l'image. */
#cms.cms-id-7 #gpp-online-root article.gpp-online-card > .gpp-online-img{
  border-color:transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#cms.cms-id-7 #gpp-online-root article.gpp-online-card > .gpp-online-img::before,
#cms.cms-id-7 #gpp-online-root article.gpp-online-card > .gpp-online-img::after{
  display:none!important;
  content:none!important;
}

/* BADGES : tous groupés à gauche, Menu puis Vegan/Halal. */
#cms.cms-id-7 #gpp-online-root .gpp-v412-badges,
#cms.cms-id-7 #gpp-online-root .gpp-v4-badges{
  inset:10px auto auto 10px!important;
  right:auto!important;
  width:max-content!important;
  max-width:calc(100% - 64px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
#cms.cms-id-7 #gpp-online-root .gpp-v412-badges .is-menu,
#cms.cms-id-7 #gpp-online-root .gpp-v4-badges .is-menu{order:-30!important}
#cms.cms-id-7 #gpp-online-root .gpp-v412-badges .is-green,
#cms.cms-id-7 #gpp-online-root .gpp-v412-badges .is-halal,
#cms.cms-id-7 #gpp-online-root .gpp-v4-badges .is-green,
#cms.cms-id-7 #gpp-online-root .gpp-v4-badges .is-halal{order:-20!important}

/* Aperçu : ne chevauche plus les badges du haut. */
#cms.cms-id-7 #gpp-online-root .gpp-v4630-quick{
  top:auto!important;
  left:12px!important;
  right:auto!important;
  bottom:12px!important;
}

/* Desktop souris : carte neutre au repos, frame UNIQUEMENT au survol/focus. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card{
    position:relative!important;
    isolation:isolate;
    border-color:rgba(184,131,41,.13)!important;
    box-shadow:0 9px 24px rgba(71,48,18,.045)!important;
    transform:none!important;
    transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important;
  }
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:20!important;
    inset:-2px!important;
    border:2px solid transparent!important;
    border-radius:20px!important;
    box-shadow:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:scale(.992)!important;
    transition:opacity .18s ease,transform .20s ease,border-color .18s ease,box-shadow .20s ease!important;
  }
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card:hover,
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card:focus-within{
    transform:translateY(-3px)!important;
    border-color:rgba(216,167,72,.42)!important;
    box-shadow:0 18px 40px rgba(126,85,24,.13)!important;
  }
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card:hover::after,
  #cms.cms-id-7 #gpp-online-root 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,.085),0 14px 32px rgba(184,131,41,.10)!important;
  }
}

/* Tactile/tablette/mobile : aucune frame hover résiduelle. */
@media (max-width:991.98px), (hover:none), (pointer:coarse){
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card::after{
    display:none!important;
    content:none!important;
  }
  #cms.cms-id-7 #gpp-online-root article.gpp-online-card{
    transform:none!important;
  }
}

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