/**
 * Shop Sub Navigation — Breakdance global block 717.
 *
 * The block is a Columns row (717-101) with both columns pinned to
 * `--column-width: 50%` and "stack vertically: never":
 *
 *   717-102  left  — WP menu "categories" (717-103), has dropdowns
 *   717-104  right — account/admin MenuBuilder (717-108), no dropdowns
 *
 * The row is capped at 1092px because the template section it sits inside
 * (188-154) has `max-width: 1132px`, so the 50/50 split hands each menu 530px
 * on every desktop width. For an administrator the right menu needs 847px; it
 * is `justify-content: flex-end`, so the excess overflowed the *start* edge and
 * landed on top of the category menu — the two menus rendered on top of each
 * other around "Nikótínpúðar" / "Listar".
 *
 * Note that overflow in the inline-start direction is not reachable by
 * scrolling, which is why the old layout could only ever overlap.
 *
 * Desktop only. Below 1120px the MenuBuilder is already a hamburger
 * ("Mínar síður"), so Breakdance's own values must stay untouched there.
 *
 *   1. Size both columns to their content instead of 50/50.
 *   2. Trim the link padding (left 15px, right 20px) to a common 12px.
 *   3. Left column never shrinks — it owns the category dropdowns, which an
 *      overflow container would clip.
 *   4. Right column may shrink and scrolls its own overflow, so a long admin
 *      row degrades to a scrollable tail instead of overlapping. Safe here
 *      only because none of its items have dropdowns.
 */
@media (min-width: 1120px) {
  .breakdance .bde-columns-717-101 {
    justify-content: space-between;
    gap: 16px;
  }

  .breakdance .bde-columns-717-101 > .bde-column {
    --column-width: auto;
    min-width: 0;
  }

  .breakdance .bde-columns-717-101 > .bde-column-717-102 {
    flex: 0 0 auto;
  }

  .breakdance .bde-columns-717-101 > .bde-column-717-104 {
    flex: 0 1 auto;
    /* flex-start so any overflow lands on the scrollable end edge. */
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .breakdance .bde-columns-717-101 > .bde-column-717-104::-webkit-scrollbar {
    display: none;
  }

  /* Doubled class so these win over Breakdance's own min-width:768px rules
     without needing !important. */
  .breakdance .bde-wp-menu-717-103 .breakdance-menu.breakdance-menu {
    --link-padding-left: 12px;
    --link-padding-right: 12px;
  }

  .breakdance .bde-menu-717-108 .breakdance-menu.breakdance-menu {
    --link-padding-left: 12px;
    --link-padding-right: 12px;
  }
}