/* MR BAMBOO — accès catégories unifiés — 2026-09-02 */
:root{
  --mb-access-radius:clamp(12px,1.4vw,20px);
  --mb-access-gap:clamp(6px,1vw,12px);
}

/* Navigation compacte utilisée sur toutes les pages internes. */
#mb-global-header .mb-categories-row{
  display:grid!important;
  grid-template-columns:repeat(4,clamp(72px,8vw,112px))!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(6px,1vw,12px)!important;
  gap:var(--mb-access-gap)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  background:transparent!important;
}

#mb-global-header .mb-category-link{
  display:block!important;
  position:relative!important;
  width:clamp(72px,8vw,112px)!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:112px!important;
  max-height:none!important;
  aspect-ratio:1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(224,190,87,.26)!important;
  border-radius:var(--mb-access-radius)!important;
  background:transparent!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  isolation:isolate!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

#mb-global-header .mb-category-logo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  filter:none!important;
  transform:none!important;
}

#mb-global-header .mb-category-link[aria-current="page"]{
  border-color:rgba(238,203,91,.92)!important;
  outline:2px solid rgba(238,203,91,.42)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 1px rgba(63,191,93,.22),0 10px 28px rgba(0,0,0,.32)!important;
}

@media(hover:hover) and (pointer:fine){
  #mb-global-header .mb-category-link:hover{
    transform:translateY(-3px) scale(1.025)!important;
    border-color:rgba(238,203,91,.74)!important;
    box-shadow:0 13px 30px rgba(0,0,0,.34)!important;
  }
}

/* Les grandes tuiles d'accès de l'accueil gardent plus de présence. */
body.page-home.v50-home .v50-menu__list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:min(100%,1180px)!important;
  margin-inline:auto!important;
  gap:clamp(10px,1.25vw,18px)!important;
}

body.page-home.v50-home .v50-menu__item{
  display:block!important;
  width:100%!important;
  aspect-ratio:1!important;
  overflow:hidden!important;
  border:1px solid rgba(224,190,87,.32)!important;
  border-radius:clamp(14px,1.6vw,22px)!important;
  background:transparent!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}

body.page-home.v50-home .v50-menu__item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit!important;
  filter:none!important;
}

@media(min-width:701px) and (max-width:1024px){
  #mb-global-header .mb-categories-row{
    grid-template-columns:repeat(4,clamp(82px,10vw,100px))!important;
  }
  #mb-global-header .mb-category-link{width:clamp(82px,10vw,100px)!important}
  body.page-home.v50-home .v50-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
  #mb-global-header .mb-categories-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:6px 8px 9px!important;
    gap:clamp(4px,1.5vw,7px)!important;
  }
  #mb-global-header .mb-category-link{
    width:min(100%,78px)!important;
    max-width:78px!important;
    border-radius:clamp(10px,3vw,14px)!important;
  }
  body.page-home.v50-home .v50-menu__list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:clamp(7px,2.2vw,11px)!important;
  }
}

@media(max-width:360px){
  #mb-global-header .mb-categories-row{padding-inline:5px!important;gap:4px!important}
  #mb-global-header .mb-category-link{width:min(100%,70px)!important}
}

@media(prefers-reduced-motion:reduce){
  #mb-global-header .mb-category-link{transition:none!important}
}