/* mobile-navbar-hide-header.css
   Animacja chowania/pojawiania paska jak w przeglądarkach.
   Dopasowane do Twojego stylu (.navbar-default w #c5c6c6).
*/
.navbar,
.navbar-default,
.templatemo-nav {
  transition: transform 240ms ease, box-shadow 240ms ease;
  will-change: transform;
}

.navbar--hidden {
  transform: translateY(-100%);
  box-shadow: none !important;
}

/* Opcjonalnie: podczas widoczności dodaj delikatny cień dla czytelności */
.navbar:not(.navbar--hidden) {
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}