/* GATARD Product Pro 4.6.40 — navigation categories premium
   Cible uniquement : .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky
*/

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky{
  gap:8px!important;
  padding:8px!important;
  border:1px solid rgba(184,131,41,.16)!important;
  border-radius:17px!important;
  background:rgba(255,251,245,.96)!important;
  box-shadow:0 8px 24px rgba(88,62,26,.06)!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:nth-child(n){
  position:relative!important;
  isolation:isolate!important;
  min-height:64px!important;
  padding:10px 12px!important;
  gap:10px!important;
  justify-content:flex-start!important;
  border:1px solid rgba(133,118,80,.17)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
  color:#554a3d!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 3px 10px rgba(62,44,21,.025)!important;
  transform:none!important;
  overflow:hidden!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:
    background .20s ease,
    border-color .20s ease,
    color .20s ease,
    box-shadow .20s ease,
    transform .20s ease!important;
}

/* Hover desktop : léger, distinct de l'onglet sélectionné. */
@media (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:not(.is-active):hover{
    border-color:rgba(184,131,41,.40)!important;
    background:linear-gradient(135deg,rgba(216,167,72,.11),rgba(184,131,41,.045))!important;
    color:#4b3d2f!important;
    box-shadow:0 7px 18px rgba(117,78,24,.08)!important;
    transform:translateY(-1px)!important;
  }
}

/* Etat actif : gradient du site mais plus propre et sans icône blanche invisible. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active{
  border-color:rgba(164,111,27,.28)!important;
  background:linear-gradient(135deg,#d8a748 0%,#c79231 48%,#b88329 100%)!important;
  color:#fff!important;
  box-shadow:
    0 8px 18px rgba(151,99,25,.17),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
  transform:none!important;
}

/* Très légère profondeur uniquement si l'onglet déjà actif est survolé. */
@media (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active:hover{
    border-color:rgba(146,91,18,.34)!important;
    background:linear-gradient(135deg,#d8a748 0%,#c48c2e 52%,#b27b24 100%)!important;
    box-shadow:
      0 9px 20px rgba(145,92,20,.20),
      inset 0 1px 0 rgba(255,255,255,.23)!important;
    transform:none!important;
  }
}

/* Pas de flash/scale disgracieux au clic. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:active{
  transform:none!important;
  transition-duration:.08s!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:focus-visible{
  outline:3px solid rgba(216,167,72,.25)!important;
  outline-offset:2px!important;
}

/* Icône : conserve les vraies couleurs même sur l'état actif. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,131,41,.15)!important;
  border-radius:50%!important;
  background:#fffaf3!important;
  box-shadow:0 2px 7px rgba(88,58,18,.045)!important;
  transition:background .20s ease,border-color .20s ease,box-shadow .20s ease,transform .20s ease!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon img{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-v417-tab-icon,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-v4100-tab-icon,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-online-tab-icon{
  border-color:rgba(255,255,255,.66)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 3px 9px rgba(94,60,13,.12)!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-v417-tab-icon img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-v4100-tab-icon img,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-online-tab-icon img{
  filter:none!important;
  opacity:1!important;
}

/* Libellé plus net et compteur moins "collé" au bord. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a > strong{
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:clamp(12px,.78vw,14px)!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4629-tab-count{
  margin-left:auto!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(184,131,41,.08)!important;
  border-radius:999px!important;
  background:#fff0dd!important;
  color:#9a6225!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a.is-active .gpp-v4629-tab-count{
  border-color:rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Tablette : garde le même langage sans animations de survol. */
@media (max-width:991px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:nth-child(n){
    min-height:56px!important;
    padding:8px 10px!important;
    gap:8px!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon{
    width:32px!important;height:32px!important;flex-basis:32px!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon img{
    width:23px!important;height:23px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a *{
    transition:none!important;
  }
}