/* ============================================================
   Dropdown-Navigation – SpVgg Ehrenkirchen
   ============================================================ */

/* Dropdown-Pfeil */
header nav li.has-dropdown > a::after {
  content: " ▾";
  font-size: .72em;
  opacity: .55;
}

/* Dropdown standardmäßig AUSGEBLENDET */
header nav ul.dropdown {
  display: none !important;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ── Sticky Header sicherstellen (überschreibt position:relative aus Mobil-Query) */
header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

/* ── Desktop (≥ 1181 px): Hover-Panel ─────────────────────── */
@media (min-width: 1181px) {
  header nav li.has-dropdown {
    position: relative;
  }

  /* JS setzt .hover-open per setTimeout → keine Hover-Lücke mehr */
  header nav li.has-dropdown:hover > ul.dropdown,
  header nav li.has-dropdown.hover-open > ul.dropdown,
  header nav li.has-dropdown:focus-within > ul.dropdown {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 6px 24px rgba(0,0,0,.14), 0 1px 4px rgba(0,0,0,.08);
    min-width: 186px;
    padding: .4rem 0;
    z-index: 200;
  }

  header nav ul.dropdown li a {
    display: block;
    padding: .55rem 1.1rem;
    font-size: .88em;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
  }

  header nav ul.dropdown li a:hover {
    background: #f5f5f5;
    color: #a7191f;
  }

  header nav li.has-dropdown.active > a {
    color: #a7191f;
  }
}

/* ── Mobil (≤ 1180 px): im Hamburger-Menü eingeblendet ────── */
@media (max-width: 1180px) {
  header nav li.has-dropdown > a::after {
    content: "";
  }

  header nav.open ul.dropdown {
    display: block !important;
    position: static;
    box-shadow: none;
    background: transparent;
  }

  header nav.open ul.dropdown li a {
    padding-left: 1.6rem;
    font-size: .93em;
    opacity: .78;
  }
}