/* Tiroir de menu mobile. */
.tpc-drawer { position: fixed; inset: 0; z-index: var(--tpc-z-overlay); }
.tpc-drawer__overlay { position: absolute; inset: 0; background: rgb(0 0 0 / .5); }
.tpc-drawer__panel {
  position: absolute; top: 0; bottom: 0; left: 0; z-index: 1;
  width: min(22rem, 88vw); overflow-y: auto; padding: var(--tpc-space-4);
  background: var(--tpc-background-color);
  transform: translateX(-100%); transition: transform var(--tpc-transition);
  padding-top: calc(var(--tpc-space-4) + env(safe-area-inset-top, 0px));
  padding-bottom: calc(var(--tpc-space-4) + env(safe-area-inset-bottom, 0px));
}
.tpc-drawer[data-open="true"] .tpc-drawer__panel { transform: translateX(0); }
.tpc-mobile-menu-fullscreen .tpc-drawer__panel { width: 100%; max-width: 100%; }

.tpc-drawer__close {
  display: inline-flex; align-items: center; justify-content: center;
  width: var(--tpc-touch-target); height: var(--tpc-touch-target); margin-bottom: var(--tpc-space-3);
  border: 0; background: transparent; color: var(--tpc-text-color);
}
.tpc-drawer .tpc-search { margin-bottom: var(--tpc-space-4); }
.tpc-drawer__nav .tpc-menu { flex-direction: column; }
.tpc-drawer__nav .tpc-menu__link { padding-inline: 0; }
.tpc-drawer__nav .tpc-submenu { position: static; box-shadow: none; border: 0; padding-left: var(--tpc-space-4); width: auto; transform: none; }
.tpc-drawer__nav .tpc-menu__item.menu-item-has-children > .tpc-submenu { display: none; }
.tpc-drawer__nav .tpc-menu__item.menu-item-has-children > .tpc-submenu-toggle[aria-expanded="true"] + .tpc-submenu { display: block; }
.tpc-drawer__account { margin-top: var(--tpc-space-4); padding-top: var(--tpc-space-4); border-top: 1px solid var(--tpc-border-color); }

/* Navigation basse mobile. */
.tpc-bottom-nav {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--tpc-z-bottom-nav);
  background: var(--tpc-background-color); border-top: 1px solid var(--tpc-border-color);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.tpc-bottom-nav__list { display: flex; margin: 0; padding: 0; list-style: none; height: var(--tpc-bottom-nav-height); }
.tpc-bottom-nav__list li { flex: 1; display: flex; }
.tpc-bottom-nav__link {
  display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: .2rem;
  border: 0; background: transparent; color: var(--tpc-text-color); text-decoration: none; font-size: .7rem;
  position: relative;
}
.tpc-bottom-nav__link .tpc-cart-count { position: absolute; top: .1rem; right: 1rem; }

body.has-bottom-nav { padding-bottom: var(--tpc-bottom-nav-height); }
body.has-bottom-nav .tpc-bottom-nav { display: flex; }
@media (min-width: 48em) { .tpc-bottom-nav { display: none !important; } body.has-bottom-nav { padding-bottom: 0; } }