/* ── Vynuť viditelnost dropdownu (Shoptet rodiče často ořezávají) ─ */
#header,
#header .container,
.navigation-wrapper,
#navigation,
#navigation .navigation-in,
#navigation .menu,
#navigation .menu-level-1,
#navigation .menu-level-1 > li { overflow: visible !important; }

/* ── DESKTOP: dropdown chování pro přestavěné menu ────────────── */
#navigation .menu-level-1 > li.fi-has-sub { position: relative !important; }

#navigation .menu-level-1 > li.fi-has-sub > a > b::after {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  margin-left: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .65;
  vertical-align: middle;
}

#navigation .fi-drop {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #fff !important;
  border-top: 3px solid #D4C44A !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.16) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  min-width: 240px !important;
  z-index: 99990 !important;
  border-radius: 0 0 4px 4px !important;
}

/* JS přidá .fi-show; CSS :hover jako záloha */
#navigation .menu-level-1 > li.fi-has-sub.fi-show > .fi-drop,
#navigation .menu-level-1 > li.fi-has-sub:hover > .fi-drop,
#navigation .menu-level-1 > li.fi-has-sub:focus-within > .fi-drop {
  display: block !important;
}

/* neviditelný "most" aby kurzor nepropadl mezi tlačítkem a dropdownem */
#navigation .menu-level-1 > li.fi-has-sub > .fi-drop::before {
  content: '';
  position: absolute;
  top: -10px; left: 0; right: 0; height: 10px;
}

#navigation .fi-drop li { margin: 0; padding: 0; }
#navigation .fi-drop li a {
  display: block !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2D3B2A !important;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1.3 !important;
  transition: background .15s, color .15s;
}
#navigation .fi-drop li a:hover {
  background: #F7F2E8 !important;
  color: #C5622A !important;
}

/* ── MOBILNÍ MENU ─────────────────────────────────────────────── */
#fi-mobile-menu {
  display: none;
  position: fixed; inset: 0;
  background: #2D3B2A;
  z-index: 999999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#fi-mobile-menu.fi-open { display: block; }

.fi-mob-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.fi-mob-head span {
  font-size: 14px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: #D4C44A;
}
#fi-mobile-close {
  width: 40px; height: 40px;
  background: none; border: 1px solid rgba(255,255,255,.25);
  color: #fff; font-size: 22px; line-height: 1; cursor: pointer;
  border-radius: 4px;
}

#fi-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.fi-mob-row {
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.fi-mob-row > a {
  flex: 1;
  display: block;
  padding: 16px 20px;
  font-size: 17px; font-weight: 700;
  color: #F7F2E8; text-decoration: none;
}
.fi-mob-expand {
  background: none; border: none;
  color: rgba(255,255,255,.6);
  font-size: 24px; line-height: 1; cursor: pointer;
  padding: 16px 22px;
}
.fi-mob-sub { display: none; background: rgba(0,0,0,.18); }
li.fi-mob-item.fi-open > .fi-mob-sub { display: block; }
.fi-mob-sub li a {
  display: block;
  padding: 13px 20px 13px 36px;
  font-size: 15px; font-weight: 500;
  color: rgba(247,242,232,.72); text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.fi-mob-sub li a:hover { color: #D4C44A; }

#fi-burger {
  display: none;
  flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer;
  padding: 8px; margin-right: 4px;
}
#fi-burger span {
  display: block; width: 24px; height: 2px;
  background: #fff; border-radius: 2px;
}

@media (max-width: 991px) {
  #navigation .menu-level-1 { display: none !important; }
  #fi-burger { display: flex !important; }
  /* skryj nativní shoptet hamburger pokud existuje */
  .navigation-buttons a.toggle-window[data-target="navigation"] { display: none !important; }
  .menu-helper { display: none !important; }
}
@media (min-width: 992px) {
  #fi-mobile-menu { display: none !important; }
}