/* ==================================================================
   Accueil : bandeau noir en haut, en-tete transparent pose sur l'image (comme tikamoon.com)
   Apres un peu de defilement, la ligne logo + recherche devient blanche et reste en haut.
   ================================================================== */
html body .page-wrapper > div:has(.mbtb-hdr--home) { position: relative; z-index: 60; background: transparent; }
html body .mbtb-hdr--home { position: relative; background: transparent; }
html body .mbtb-hdr--home .mbtb-hdr__ann { order: 0; position: relative; z-index: 3; height: 34px; }
html body .mbtb-hdr--home .mbtb-hdr__bar {
  position: absolute; left: 0; right: 0; top: 34px; z-index: 2; order: 1; margin: 0;
  background: transparent; border: 0; color: #fff;
}
html body .mbtb-hdr--home, html body .mbtb-hdr--home .mbtb-hdr__link, html body .mbtb-hdr--home .mbtb-hdr__tool,
html body .mbtb-hdr--home .mbtb-hdr__burger, html body .mbtb-hdr--home .mbtb-hdr__tools > .mbtb-hdr__tool:last-child::after { color: #fff; }
html body .mbtb-hdr--home .mbtb-hdr__logo img { filter: brightness(0) invert(1); }
html body .mbtb-hdr--home .mbtb-hdr__tool--search { background: rgba(0, 0, 0, 0.28); color: #fff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
html body .mbtb-hdr--home .mbtb-hdr__search-txt { color: rgba(255, 255, 255, 0.92); }
html body .mbtb-hdr--home .mbtb-hdr__burger .mbtb-hdr__burger-icon span { background: #fff; }
html body .mbtb-hdr--home .mbtb-hdr__count { background: #fff; color: #111; }

/* le bandeau noir de l'accueil : texte centre, 14 px sur mobile, 16 px sur ordinateur */
@media (min-width: 1000px) {
  html body .mbtb-hdr--home .mbtb-hdr__ann { height: 32px; }
  html body .mbtb-hdr--home .mbtb-hdr__bar { top: 32px; }
}

/* apres defilement : ligne blanche fixe en haut */
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__bar { position: fixed; top: 0; background: #fff; color: #000; box-shadow: 0 1px 0 #ececec; }
html.tk-scrolled body .mbtb-hdr--home, html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__link, html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__tool,
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__burger, html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__tools > .mbtb-hdr__tool:last-child::after { color: #000; }
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__logo img { filter: none; }
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__tool--search { background: #f5f5f5; color: #828282; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__search-txt { color: #828282; }
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__burger .mbtb-hdr__burger-icon span { background: #000; }
html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__count { background: #111; color: #fff; }
@media (max-width: 999px) {
  /* sur mobile, la ligne blanche fixe ne garde que le burger, le logo et le panier */
  html.tk-scrolled body .mbtb-hdr--home .mbtb-hdr__tool--search { display: none; }
}