/* ============================================================
   chrome-lock.css — Desktop nav dropdown + footer divider
   ------------------------------------------------------------
   Loaded last from includes/header.php so these fixes survive
   any future edit to seattle-chrome.css / styles.css.

   Scope: desktop nav dropdown anchoring and one stray footer
   border. Nothing here touches mobile layout, ordering, sync,
   kiosk, printing, delivery or notification behaviour.
   ============================================================ */

/* ── 1. Dropdown anchors to its own trigger ──────────────────
   `.navbar__dropdown` is positioned with `left: 50%` +
   `translateX(-50%)`, but no `.navbar__item` ever declared
   `position: relative`. The nearest positioned ancestor was
   therefore `.navbar` itself (position: fixed), so every panel
   centred on the whole page instead of under its own trigger.
   Giving the item a containing block is the actual fix. */
@media (min-width: 861px) {

  .navbar .navbar__item,
  .navbar #menuDropdownItem,
  .navbar #brandsDropdownItem,
  .navbar #accountItem {
    position: relative !important;
  }

  /* Never let a panel run past the window when its trigger sits
     close to either edge. */
  .navbar .navbar__dropdown {
    max-width: calc(100vw - 32px) !important;
  }
}

/* ── 2. Stray bright rule above the copyright ────────────────
   styles.css puts `border-top: 1px solid #e5e5e5` on
   `.footer__copyright`. Against the dark footer that light grey
   reads as a heavy line directly above the © text. The thin
   divider belongs to `.footer__bottom` and is left untouched. */
.footer .footer__copyright,
.footer__bottom .footer__copyright,
p.footer__copyright {
  border-top: 0 !important;
}