/* Kontejner pro navigační menu */
.logomod {
    background: #fff;  /* Červené pozadí */
    padding: 10px;
    /*! text-align: right; */
}


/* Seznam položek v menu */
.logomod .mod-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: right;
    width: -moz-available;
}

/* Položky menu */
.logomod .mod-menu .nav-item {
    position: relative;
    border-right: 1px solid #eadbdb;
}

/* Poslední položka nemá pravé ohraničení */
.logomod .mod-menu .nav-item:last-child {
    border-right: none;
}

/* Odkazy v menu */
.logomod .mod-menu .nav-item {
    display: block;
    padding: 1px 3px;
    text-decoration: none;
    font-family: 'pismo_b', sans-serif;
    font-size: 1.52em;
    line-height: 19px;
    transition: background 0.3s ease-in-out;
    width: inherit;
   background: white; 
}
.logomod a{ 
    text-decoration: none; 
color:black;}
/* Hover efekt */
.logomod .mod-menu .nav-item a:hover {
     color: #d90000; /* Tmavší červená */
}

/* Aktivní položka */
.logomod .mod-menu .nav-item.current a,
.logomod .mod-menu .nav-item.active a {
    /*! background-color: #ac0000; */
}

/* ===== vwtsi displeje: hamburger + vertikální menu ===== */
@media (min-width: 768px) {
  /* Zobrazí hamburger tlačítko */
  .navbar-toggler {
    display: inline-block;    
  }
.logomod .mod-menu .nav-item {
    display: contents;
    font-size: 1em;
}
  /* Skrýváme menu, dokud se nepřidá třída .show */
  .navbar-collapse {
        /*! padding: 12px; */
}

  /* Po kliknutí a přidání .show se menu zobrazí (blokové, pod sebou) */
  .navbar-collapse.show {
    display: block;
  }

  /* Vertikální styl menu */
  .navbar-collapse ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Každá položka menu bude na vlastní řádce */
  .navbar-collapse .nav-item {
    display: block;
    margin: 0;
  }

  .navbar-collapse .nav-item a {
    display: block;
    padding: 0.41em; 
    text-decoration: none;
    /* Můžete doplnit border-bottom, hover efekty atd. */
    text-align: right;
    float: right;
  }
}

/* ===== Menší displeje: hamburger + vertikální menu ===== */
@media (max-width: 768px) {
  /* Zobrazí hamburger tlačítko */
  .navbar-toggler {
    display: inline-block;    
  }

  /* Skrýváme menu, dokud se nepřidá třída .show */
  .navbar-collapse {
    display: none;
    width: 100%;
  }

  /* Po kliknutí a přidání .show se menu zobrazí (blokové, pod sebou) */
  .navbar-collapse.show {
    display: block;
  }

  /* Vertikální styl menu */
  .navbar-collapse ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /*! background: white; */
  }

  /* Každá položka menu bude na vlastní řádce */
  .navbar-collapse .nav-item {
    display: block;
    margin: 0;
    /*! background: white; */
  }

  .navbar-collapse .nav-item a {
    display: block;
    padding: 0.75rem 1rem; 
    text-decoration: none;
    /* Můžete doplnit border-bottom, hover efekty atd. */
  }
}