/* ===========================
   COMPACT DROPDOWN (iba DESKTOP)
   =========================== */
@media screen and (min-width: 1025px) {   /* ← spustí sa len na šírke > 1024px */
  :root{
    --submenu-width: 160px;
    --submenu-font: 14px;
    --submenu-pad-y: 10px;
    --submenu-pad-x: 10px;
    --submenu-offset: -3px;
    --submenu-bg: #fff;
    --submenu-hover-bg: #f5f6f7;
    --submenu-text: #333;
    --submenu-hover-text: #000;
    --submenu-border: rgba(0,0,0,.08);
  }

  /* kotva */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708){
    position: relative !important;
  }

  /* submenu */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2{
    position: absolute !important;
    top: calc(100% + var(--submenu-offset)) !important;
    left: 0 !important;
    z-index: 999 !important;

    width: var(--submenu-width) !important;
    min-width: var(--submenu-width) !important;
    max-width: var(--submenu-width) !important;

    background: var(--submenu-bg) !important;
    border: 1px solid var(--submenu-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;

    display: none !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  /* show on hover/focus */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708):hover > ul.menu-level-2,
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708):focus-within > ul.menu-level-2{
    display: block !important;
  }

  /* remove pseudo backdrop & extra lines */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2::before,
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2::after,
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 > li::before,
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 > li::after{
    content: none !important;
    display: none !important;
  }

  /* items + inner wrap */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 > li,
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 > li > .menu-no-image{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* links (spacing + typography) */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 a[role="menuitem"]{
    display: block !important;
    width: 100% !important;
    padding: var(--submenu-pad-y) var(--submenu-pad-x) !important;
    line-height: 1.1 !important;
    font-size: var(--submenu-font) !important;
    text-transform: uppercase !important;
    color: var(--submenu-text) !important;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
  }

  /* hover + divider */
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 a[role="menuitem"]:hover{
    background: var(--submenu-hover-bg) !important;
    color: var(--submenu-hover-text) !important;
  }
  ul.menu-level-1 > li:is(.menu-item-705, .menu-item-708) > ul.menu-level-2 > li + li a[role="menuitem"]{
    border-top: 1px solid rgba(0,0,0,.05) !important;
  }
}