/* Argo - site header (pink Greek look). Looks only: the menu links, the language list and the page
   scripts are not changed. The small bar, the account icon, the pink button and the two extra links
   are added by argo-header.js. Delete this file and argo-header.js to go back to the old header. */

:root { --ah-plum:#2A141C; --ah-cream:#FDF0E3; --ah-pink:#F2A0C0; --ah-soft:#F9D3E1; --ah-berry:#A8325A; --ah-rasp:#DD527E; --ah-blush:#EBCFD9; --ah-muted:#6B4452; --argo-hd-h:80px; }
html { scroll-padding-top: calc(var(--argo-hd-h) + 12px); }

/* ---------- offer bar (above the header, scrolls away) ---------- */
.argo-hdbar { background: var(--ah-plum); color: var(--ah-cream); padding: 10px 24px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 18px; font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.4; letter-spacing: .02em; text-align: center; }
.argo-hdbar__tag { font-family: 'Cinzel', serif; font-weight: 600; font-size: 12px; letter-spacing: .16em; color: var(--ah-pink); }
.argo-hdbar__short { display: none; }
.argo-hdbar a { color: var(--ah-pink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.argo-hdbar a:hover { color: var(--ah-cream); }
/* keeps the space while the page loads so nothing jumps */
body:not(.argo-hd-ready)::before { content: ""; display: block; height: 40px; background: #2A141C; }

/* ---------- header shell ---------- */
/* the page used "overflow hidden" on the body, which stops a sticky header from sticking. "clip" cuts off sideways overflow the same way. */
html body:has(> header.site_header):not(.modal-open) { overflow-x: clip !important; overflow-y: visible !important; }
html body header.site_header {
  position: sticky !important; top: 0; left: auto; width: 100%; padding: 0 !important; margin: 0;
  background: var(--ah-cream); border-bottom: 1.5px solid var(--ah-plum); box-shadow: none;
  transition: box-shadow .25s ease;
}
html body.admin-bar header.site_header { top: 32px; }
html body header.site_header.argo-hd-scrolled { box-shadow: 0 10px 28px rgba(42,20,28,.14); }
html body header.site_header .container-fluid { max-width: 1280px; margin: 0 auto; padding: 16px 32px; transition: padding .2s ease; }
html body header.site_header.argo-hd-scrolled .container-fluid { padding-top: 9px; padding-bottom: 9px; }
html body header.site_header .site_logo { margin: 0; }
html body header.site_header .site_logo a { display: block; transition: transform .2s ease; }
html body header.site_header .site_logo a:hover { transform: translateY(-1px) rotate(-1deg); }
html body header.site_header .site_logo img { display: block; height: 46px; width: auto; max-width: none; transition: height .2s ease; }
html body header.site_header.argo-hd-scrolled .site_logo img { height: 38px; }

/* awning edge under the header */
html body header.site_header::after {
  content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 16px; pointer-events: none; opacity: 1; transition: opacity .2s ease;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='16' viewBox='0 0 56 16'%3E%3Cpath d='M0 0 A14 14 0 0 0 28 0 Z' fill='%23F2A0C0' stroke='%232A141C' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M28 0 A14 14 0 0 0 56 0 Z' fill='%23FFF7EE' stroke='%232A141C' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x left top / 56px 16px;
}
html body header.site_header.argo-hd-scrolled::after { opacity: 0; }

/* ---------- desktop ---------- */
@media (min-width: 1200px) {
  html body header.site_header .container-fluid > .row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; margin: 0; }
  html body header.site_header .container-fluid > .row > .col-xl-10,
  html body header.site_header .mobile_menu_wrap,
  html body header.site_header .mobile_menu_wrap > .row { display: contents; }
  html body header.site_header .container-fluid > .row > .col-xl-2,
  html body header.site_header .mobile_menu_wrap > .row > .col-xl-9,
  html body header.site_header .mobile_menu_wrap > .row > .col-xl-3 { width: auto; max-width: none; flex: none; padding: 0; margin: 0; }
  html body header.site_header .col-xl-2 { justify-self: start; }
  html body header.site_header .btnToggle { display: none; }
  html body header.site_header .col-xl-9 { display: block; }
  html body header.site_header .col-xl-3 { justify-self: end; }
  html body header.site_header .main_menunav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
  html body header.site_header .main_menunav ul li { display: block; margin: 0; text-align: left; }
  html body header.site_header .argo-hd-note, html body header.site_header .main_menunav ul li.argo-hd-account-li { display: none; }
  html body header.site_header .header_action { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: nowrap; }
  html body header.site_header.argo-hd-scrolled .argo-hd-account,
  html body header.site_header.argo-hd-scrolled .argo-hd-lang button,
  html body header.site_header.argo-hd-scrolled .argo-hd-cta { min-height: 44px; }
  html body header.site_header.argo-hd-scrolled .argo-hd-account { width: 44px; height: 44px; }
}

/* ---------- menu links (both sizes) ---------- */
html body header.site_header .main_menunav ul li a {
  display: block; margin: 0; padding: 11px 18px; border-radius: 999px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.3;
  color: var(--ah-plum); background: transparent; text-decoration: none; transition: background-color .18s ease, color .18s ease;
}
html body header.site_header .main_menunav ul li a:hover { background: var(--ah-soft); color: var(--ah-plum); }
html body header.site_header .main_menunav ul li.current-menu-item > a,
html body header.site_header .main_menunav ul li a[aria-current="page"] { background: var(--ah-plum); color: var(--ah-cream); }
html body header.site_header .main_menunav ul li.menu-item-home { display: none; }

/* ---------- actions: account icon, language, pink button ---------- */
html body header.site_header .argo-hd-account { order: 1; width: 46px; height: 46px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid var(--ah-plum); display: flex; align-items: center; justify-content: center; color: var(--ah-plum); text-decoration: none; transition: background-color .18s ease; }
html body header.site_header .argo-hd-account:hover { background: var(--ah-soft); color: var(--ah-plum); }
html body header.site_header .select-lang-wrap { order: 2; display: none; }
html body header.site_header .argo-hd-lang { order: 2; display: flex; border: 1.5px solid var(--ah-plum); border-radius: 999px; overflow: hidden; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
html body header.site_header .argo-hd-lang button { font: inherit; cursor: pointer; border: 0; margin: 0; background: transparent; color: var(--ah-plum); padding: 0 14px; min-height: 44px; transition: background-color .18s ease; }
html body header.site_header .argo-hd-lang button:hover { background: var(--ah-soft); }
html body header.site_header .argo-hd-lang button[aria-pressed="true"],
html body header.site_header .argo-hd-lang button[aria-pressed="true"]:hover { background: var(--ah-plum); color: var(--ah-cream); }
html body header.site_header .argo-hd-cta { order: 3; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 999px; border: 1.5px solid var(--ah-plum); background: var(--ah-pink); color: var(--ah-plum); box-shadow: 3px 3px 0 var(--ah-plum); font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
html body header.site_header .argo-hd-cta:hover { transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--ah-plum); background: #F7B6CF; color: var(--ah-plum); }
html body header.site_header a:focus-visible, html body header.site_header button:focus-visible, html body header.site_header .btnToggle:focus-visible { outline: 3px solid var(--ah-rasp); outline-offset: 2px; }

/* ---------- laptop widths: a little tighter so the 6 links and the button fit ---------- */
@media (min-width: 1200px) and (max-width: 1439.98px) {
  html body header.site_header .container-fluid > .row { gap: 16px; }
  html body header.site_header .main_menunav ul { gap: 0; }
  html body header.site_header .main_menunav ul li a { padding: 10px 12px; font-size: 14.5px; }
  html body header.site_header .header_action { gap: 10px; }
  html body header.site_header .argo-hd-cta { padding: 0 16px; font-size: 14px; }
  html body header.site_header .argo-hd-lang button { padding: 0 11px; }
}

/* ---------- phone / tablet ---------- */
@media (max-width: 1199.98px) {
  .argo-hdbar { padding: 9px 16px; gap: 2px 12px; font-size: 13px; }
  .argo-hdbar__tag, .argo-hdbar__long { display: none; }
  .argo-hdbar__short { display: inline; }
  body:not(.argo-hd-ready)::before { height: 36px; }
  html body header.site_header::after { height: 12px; background-size: 40px 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 0 A10 10 0 0 0 20 0 Z' fill='%23F2A0C0' stroke='%232A141C' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M20 0 A10 10 0 0 0 40 0 Z' fill='%23FFF7EE' stroke='%232A141C' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  html body header.site_header .container-fluid, html body header.site_header .container-fluid > .row, html body header.site_header .col-xl-10 { position: static !important; }
  html body header.site_header .container-fluid { padding: 10px 16px; }
  html body header.site_header.argo-hd-scrolled .container-fluid { padding-top: 10px; padding-bottom: 10px; }
  html body header.site_header .container-fluid > .row { margin: 0; }
  html body header.site_header .col-xl-2 { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: none; padding: 0; }
  html body header.site_header .site_logo img, html body header.site_header.argo-hd-scrolled .site_logo img { height: 36px; }
  html body header.site_header .col-xl-10 { width: 100%; max-width: none; padding: 0; }

  /* burger button */
  html body header.site_header .btnToggle { position: relative; right: auto; top: auto; flex: 0 0 48px; width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 1.5px solid var(--ah-plum); background: transparent; cursor: pointer; transform: none; transition: background-color .18s ease; }
  html body header.site_header .btnToggle:hover { background: var(--ah-soft); }
  html body header.site_header .btnToggle.active { background: var(--ah-pink); transform: none; }
  html body header.site_header .btnToggle span, html body header.site_header .btnToggle span::before, html body header.site_header .btnToggle span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; border-radius: 2px; background: var(--ah-plum); transform: none; transition: transform .25s ease, top .25s ease, background-color .2s ease; }
  html body header.site_header .btnToggle span::before { top: -7px; margin: 0; left: 0; }
  html body header.site_header .btnToggle span::after { top: 7px; margin: 0; left: 0; }
  html body header.site_header .btnToggle.active span { background: transparent; }
  html body header.site_header .btnToggle.active span::before { top: 0; transform: rotate(45deg); }
  html body header.site_header .btnToggle.active span::after { top: 0; transform: rotate(-45deg); }

  /* the drop-down panel */
  html body header.site_header .mobile_menu_wrap { position: absolute !important; left: 0; right: 0; top: 100%; width: 100%; height: auto; max-height: 0; overflow: hidden; padding: 0 20px; background: var(--ah-cream); border-bottom: 0 solid var(--ah-plum); transition: max-height .35s ease; z-index: 5; }
  html body header.site_header .mobile_menu_wrap.dropNav { max-height: calc(100vh - 110px); overflow-y: auto; padding-bottom: 22px; border-top: 1px solid var(--ah-blush); border-bottom-width: 1.5px; }
  html body header.site_header .mobile_menu_wrap > .row { margin: 0; display: block; }
  html body header.site_header .mobile_menu_wrap > .row > [class*="col-"] { width: 100%; max-width: none; padding: 0; }
  html body header.site_header .main_menunav ul { margin: 4px 0 0; padding: 0; list-style: none; }
  html body header.site_header .main_menunav ul li { display: block; margin: 0; text-align: left; }
  html body header.site_header .main_menunav ul li a { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-radius: 0; font-size: 19px; font-weight: 500; background: transparent; color: var(--ah-plum); border-bottom: 1px solid var(--ah-blush); }
  html body header.site_header .main_menunav ul li a:hover { background: transparent; color: var(--ah-berry); }
  html body header.site_header .main_menunav ul li.current-menu-item > a,
  html body header.site_header .main_menunav ul li a[aria-current="page"] { background: transparent; color: var(--ah-plum); font-weight: 700; }
  html body header.site_header .main_menunav ul li.current-menu-item > a::after,
  html body header.site_header .main_menunav ul li a[aria-current="page"]::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--ah-rasp); }
  html body header.site_header .header_action { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
  html body header.site_header .argo-hd-account { display: none; }
  html body header.site_header .argo-hd-lang { order: 1; }
  html body header.site_header .argo-hd-lang button { min-height: 46px; padding: 0 16px; }
  html body header.site_header .argo-hd-cta { order: 2; min-height: 48px; }
  html body header.site_header .argo-hd-note { order: 3; flex: 0 0 100%; margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--ah-muted); font-family: 'DM Sans', sans-serif; }
}

/* pages that stick their own bar under the header (the Menu page category pills) follow the real header height */
html body nav.argo-menu-v2-nav { top: var(--argo-hd-h) !important; }

@media (prefers-reduced-motion: reduce) {
  html body header.site_header, html body header.site_header *, html body header.site_header::after { transition: none !important; }
}

/* ===== Phone & tablet page fixes (added with the footer update) =====
   1) Menu page: less empty space between the header and the page title.
   2) Home page: the Pegasus wings are no longer cut off, and the top gap is a bit smaller.
   Delete this block to go back to how it was. */
@media (max-width: 991.98px) {
  body .argo-menu-v2-page { padding-top: 32px; }
  body .argo-home-hero .argo-home-hero__stage { overflow: visible; margin-top: 36px; }
  body .argo-home-hero .argo-home-hero__stage > .argo-home-hero__layer.argo-home-hero__pegasus-wrap { left: 0; }
}
@media (max-width: 575.98px) {
  body .argo-home-hero .argo-home-hero__inner { padding-top: 22px; }
}