/* === VŽDY HAMBURGER (ignoruj .navbar-expand-md chování Bootstrapu) === */
.navbar.navbar-expand-md .navbar-toggler{
  display:inline-flex !important;
  align-items:center;
  gap:.5rem;
  padding:.6rem .8rem;
  border:0;
  background:#e1c72e;
  color:#fff;                    /* změň, pokud máš světlé pozadí */
  border-radius: 7px;
}
.navbar.navbar-expand-md .navbar-collapse{
  display:none !important;
}
.navbar.navbar-expand-md .navbar-collapse.show{
  display:block !important;
}

/* === IKONA: 3 čárky + přechod na "X" při otevření === */
.navbar .icon-menu{
  position:relative;
  width:24px; height:16px; display:inline-block;
  /* 3 linky pomocí gradientů */
  background:
    linear-gradient(currentColor, currentColor) 0 0/100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 50%/100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 100%/100% 2px no-repeat;
  transition:transform .2s ease, background .2s ease;
}
.navbar .icon-menu::before,
.navbar .icon-menu::after{
  content:"";
  position:absolute; left:0; right:0; top:50%;
  height:2px; background:currentColor;
  transform-origin:50% 50%; transform:translateY(-50%) rotate(0);
  opacity:0; transition:transform .2s ease, opacity .2s ease;
}
/* Při otevření (aria-expanded="true") překreslíme na X */
.navbar .navbar-toggler[aria-expanded="true"] .icon-menu{
  background:none;
}
.navbar .navbar-toggler[aria-expanded="true"] .icon-menu::before{
  opacity:1; transform:translateY(-50%) rotate(45deg);
}
.navbar .navbar-toggler[aria-expanded="true"] .icon-menu::after{
  opacity:1; transform:translateY(-50%) rotate(-45deg);
}

/* === PANEL S MENU (collapse) === */
.navbar{ position:relative; z-index:1001; }
.navbar .navbar-collapse{
  position:absolute;
  top:100%; right:0;              /* vyjede pod tlačítkem a zarovnané doprava */
  background:rgba(15,27,43,.96);  /* tmavé pozadí (ladí s tvým designem) */
  padding:.75rem 1rem;
  border-radius:.5rem;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  min-width:260px;
  max-width:90vw;
}

/* === POLOŽKY MENU === */
.navbar .mod-menu.nav{
  display:flex; flex-direction:column;
  gap:.1rem; margin:0; padding:0; list-style:none;
}
.navbar .mod-menu.nav > li{ list-style:none; }
.navbar .mod-menu.nav > li > a{
  display:flex; align-items:center; gap:.5rem;
  padding:.45rem 0;
  color:#fff; text-decoration:none;
}
.navbar .mod-menu.nav > li > a:hover,
.navbar .mod-menu.nav > li > a:focus{
  color:#e1c72e; outline:none;
}
.navbar .mod-menu.nav > li.active > a{
  color:#e1c72e;
}

/* Volitelné: zvětšení FA ikonek u položek */
.navbar .mod-menu.nav > li > a .fas{ font-size:1.05em; }

/* === DROBNÉ DOLADĚNÍ NA ŠIRŠÍCH DISPLEJÍCH (pořád jen hamburger) === */
@media (min-width:992px){
  .navbar{ /* můžeš zarovnat kam chceš; default nechám beze změny */ }
}

/* Prefer reduced motion */
@media (prefers-reduced-motion:reduce){
  .navbar .icon-menu,
  .navbar .icon-menu::before,
  .navbar .icon-menu::after{
    transition:none;
  }
}