/* =============================================================================
   nav.css – dropdown navigace + GDPR banner
   Linkovat ZA terminal.css a mobile.css v template/index.phtml
   ============================================================================= */

/* ── Dropdown – přepíše overflow z terminal.css ──────────────────────────── */
.topnav { overflow: visible !important; }

.nav-dropdown {
  position: relative;
  display: inline-block;
}
.nav-dropdown > a {
  cursor: pointer;
  user-select: none;
}
.nav-dropdown > a::after {
  content: ' ▾';
  font-size: .75em;
  opacity: .8;
}

/* Menu – barva se nastaví přes JS (matchuje topnav) */
.nav-dropdown-menu {
  display:    none;
  position:   absolute;
  top:        100%;
  left:       0;
  min-width:  195px;
  z-index:    9999;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
  border-top: 2px solid rgba(255,255,255,.25);
}
.nav-dropdown.open .nav-dropdown-menu { display: block; }

.nav-dropdown-menu a {
  display:       block !important;
  float:         none !important;
  padding:       10px 18px !important;
  white-space:   nowrap;
  border-bottom: 1px solid rgba(255,255,255,.12);
  font-size:     .92rem;
}
.nav-dropdown-menu a:hover {
  background-color: rgba(255,255,255,.15) !important;
}

/* ── Mobile: dropdown se rozbalí inline ──────────────────────────────────── */
@media (max-width: 768px) {
  .nav-dropdown { display: block; width: 100%; }
  .nav-dropdown > a { display: block; width: 100%; }
  .nav-dropdown-menu {
    position: static;
    box-shadow: none;
    border-top: none;
    border-left: 3px solid rgba(255,255,255,.3);
    margin-left: 12px;
  }
  .nav-dropdown.open .nav-dropdown-menu { display: block; }
}

/* ── Subtitle na střed ────────────────────────────────────────────────────── */
.header .subtitle-center {
  display: block;
  text-align: center;
  font-size: .8rem;
  opacity: .75;
  letter-spacing: .03em;
  margin-top: 2px;
}
.header { text-align: center; }

/* ── GDPR Cookie Banner ───────────────────────────────────────────────────── */
#cookie-banner {
  position:   fixed;
  bottom:     0;
  left:       0;
  right:      0;
  z-index:    99999;
  background: #1a1a2e;
  color:      #e8e8f0;
  padding:    16px 24px;
  display:    flex;
  align-items: center;
  gap:        16px;
  flex-wrap:  wrap;
  box-shadow: 0 -4px 20px rgba(0,0,0,.5);
  font-size:  .875rem;
  line-height: 1.5;
}
#cookie-banner p {
  flex: 1;
  margin: 0;
  min-width: 260px;
}
#cookie-banner a {
  color: #7eb8f7;
  text-decoration: underline;
}
.cookie-btn-accept {
  background: #1a73e8;
  color: #fff !important;
  border: none;
  padding: 9px 22px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}
.cookie-btn-reject {
  background: transparent;
  color: #bbb !important;
  border: 1px solid #555;
  padding: 9px 18px;
  border-radius: 5px;
  cursor: pointer;
  white-space: nowrap;
}
.cookie-btn-accept:hover { background: #1557b0; }
.cookie-btn-reject:hover { background: rgba(255,255,255,.07); }

@media (max-width: 600px) {
  #cookie-banner { flex-direction: column; align-items: stretch; text-align: center; }
}

/* ── Běžné svozy a Mimořádné svozy záložky – inline style nestačí ── */
#beznyTabs, #mimTabs, #obsTabs, #typTabs {
  list-style: none !important;
  padding-left: 0 !important;
}
#beznyTabs > li, #mimTabs > li, #obsTabs > li, #typTabs > li {
  list-style: none !important;
  list-style-type: none !important;
}
/* Globální fallback pro všechny nav-* */
ul.nav { list-style: none !important; padding-left: 0 !important; }
ul.nav > li { list-style: none !important; }
