/* Guest menu header v3 — fabric bg, venue on top, tagline under logo */

:root {
  --font-display: "Cormorant Garamond", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-tagline: "Montserrat", var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  --tagline-text-size: 0.48rem;
  --tagline-bg-opacity: 0.55;
}

/* Header toolbar — union display face (Montserrat on html[data-menu-skin="union"]) + tagline */
html.menu-header-v3 body.guest-menu .menu-sticky .cat-chip[data-cat],
html.menu-header-v3 body.guest-menu .menu-sticky .cat-menu-dropdown-item {
  font-family: var(--font-display);
  font-weight: 700;
}

html.menu-header-v3 body.guest-menu .menu-sticky .header-venue-bridge .venue-tag {
  font-family: var(--font-display);
  font-weight: 700;
}

html.menu-header-v3 body.guest-menu .menu-sticky .header-venue-bridge .venue-line-text {
  font-family: var(--font-tagline);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html.menu-header-v3 {
  --header-chrome-venue-bridge-h: 0;
  --header-chrome-toolbar-pad-top: 4px;
  --header-chrome-toolbar-pad-bottom: 14px;
  --tagline-strip-h: calc(var(--header-chrome-row-gap) + 18px);
}

html.menu-header-v3 body.guest-menu .menu-sticky,
body.guest-menu.menu-header-v3 .menu-sticky {
  background: transparent;
  border-bottom: none;
  overflow: visible;
}

html.menu-header-v3 body.guest-menu .torbeens-chrome-bg,
body.guest-menu.menu-header-v3 .torbeens-chrome-bg {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: visible;
  border-bottom: 1px solid var(--border, #333);
  background: var(--bg, #111);
  isolation: isolate;
}

/* Fabric layer */
html.menu-header-v3 body.guest-menu .torbeens-chrome-bg::before,
body.guest-menu.menu-header-v3 .torbeens-chrome-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(
      to bottom,
      rgba(17, 17, 17, 0.35) 0%,
      rgba(17, 17, 17, 0.18) 45%,
      rgba(17, 17, 17, 0.08) 100%
    ),
    url(/mockups/tagline-bg-fabric.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  opacity: var(--tagline-bg-opacity);
  z-index: 0;
}

/* Edge vignette — vertical + horizontal fade to solid bg at sticky bottom line */
html.menu-header-v3 body.guest-menu .torbeens-chrome-bg::after,
body.guest-menu.menu-header-v3 .torbeens-chrome-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      to right,
      var(--bg, #111) 0%,
      rgba(17, 17, 17, 0.72) 7%,
      transparent 20%,
      transparent 80%,
      rgba(17, 17, 17, 0.72) 93%,
      var(--bg, #111) 100%
    ),
    linear-gradient(
      to bottom,
      var(--bg, #111) 0%,
      rgba(17, 17, 17, 0.98) 5%,
      rgba(17, 17, 17, 0.82) 14%,
      rgba(17, 17, 17, 0.42) 38%,
      rgba(17, 17, 17, 0.14) 68%,
      transparent 100%
    );
  z-index: 1;
}

html.menu-header-v3 body.guest-menu .torbeens-header,
body.guest-menu.menu-header-v3 .torbeens-header {
  position: relative;
  z-index: 12;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
  height: var(--header-chrome-band-h);
  min-height: var(--header-chrome-band-h);
  max-height: var(--header-chrome-band-h);
  background: transparent;
}

html.menu-header-v3 body.guest-menu .menu-sticky .torbeens-chrome-bg .torbeens-header > .header,
body.guest-menu.menu-header-v3 .menu-sticky .torbeens-chrome-bg .torbeens-header > .header {
  background: transparent;
  border-bottom: none;
  box-sizing: border-box;
  flex: 0 0 var(--header-chrome-band-h);
  height: var(--header-chrome-band-h);
  min-height: var(--header-chrome-band-h);
  max-height: var(--header-chrome-band-h);
  padding: var(--header-chrome-pad-y-safe) var(--header-chrome-pad-x) 0;
  overflow: visible;
}

html.menu-header-v3 body.guest-menu .menu-sticky .torbeens-chrome-bg .torbeens-header > .header-venue-bridge,
body.guest-menu.menu-header-v3 .menu-sticky .torbeens-chrome-bg .torbeens-header > .header-venue-bridge {
  display: none;
}

html.menu-header-v3 body.guest-menu .menu-sticky .torbeens-chrome-bg .torbeens-header > .header .header-top,
body.guest-menu.menu-header-v3 .menu-sticky .torbeens-chrome-bg .torbeens-header > .header .header-top {
  margin-bottom: 0;
}

html.menu-header-v3 body.guest-menu .torbeens-tagline-strip,
body.guest-menu.menu-header-v3 .torbeens-tagline-strip {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: 0 0 var(--tagline-strip-h);
  height: var(--tagline-strip-h);
  min-height: var(--tagline-strip-h);
  max-height: var(--tagline-strip-h);
  padding: 0 var(--header-chrome-pad-x);
  background: transparent;
  overflow: hidden;
}

html.menu-header-v3 body.guest-menu .torbeens-tagline-stack,
body.guest-menu.menu-header-v3 .torbeens-tagline-stack {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  text-align: center;
}

html.menu-header-v3 body.guest-menu .torbeens-tagline-strip__line,
body.guest-menu.menu-header-v3 .torbeens-tagline-strip__line {
  font-family: var(--font-tagline);
  font-size: var(--tagline-text-size);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent, #c9a962);
  line-height: 1;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  margin: 0;
}

html.menu-header-v3 body.guest-menu .torbeens-tagline-divider,
body.guest-menu.menu-header-v3 .torbeens-tagline-divider {
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px solid rgba(201, 169, 98, 0.55);
  margin: 1px 0;
}

html.menu-header-v3 body.guest-menu .below-chrome,
body.guest-menu.menu-header-v3 .below-chrome {
  position: relative;
  z-index: 2;
  width: 100%;
  flex: 0 0 var(--header-chrome-toolbar-h);
  background: transparent;
  overflow: visible;
}

html.menu-header-v3 body.guest-menu .categories-wrap,
body.guest-menu.menu-header-v3 .categories-wrap {
  min-height: var(--header-chrome-toolbar-h);
  background: transparent;
  overflow: visible;
}

html.menu-header-v3 body.guest-menu .categories,
body.guest-menu.menu-header-v3 .categories {
  padding: var(--header-chrome-toolbar-pad-top) var(--header-chrome-pad-x) var(--header-chrome-toolbar-pad-bottom);
  background: transparent;
  overflow: visible;
}

html.menu-header-v3 body.guest-menu .venue-pick.open,
body.guest-menu.menu-header-v3 .venue-pick.open {
  z-index: 40;
}

html.menu-header-v3 body.guest-menu .venue-pick-panel,
body.guest-menu.menu-header-v3 .venue-pick-panel {
  z-index: 41;
}

html.menu-header-v3 body.guest-menu .cat-menu-dropdown.open,
body.guest-menu.menu-header-v3 .cat-menu-dropdown.open {
  z-index: 40;
}

html.menu-header-v3 body.guest-menu .category-chips-scroll-wrap::before,
body.guest-menu.menu-header-v3 .category-chips-scroll-wrap::before {
  background: linear-gradient(to right, rgba(17, 17, 17, 0.96) 0%, color-mix(in srgb, rgba(17, 17, 17, 0.96) 88%, transparent) 42%, transparent 100%);
}

html.menu-header-v3 body.guest-menu .category-chips-scroll-wrap::after,
body.guest-menu.menu-header-v3 .category-chips-scroll-wrap::after {
  background: linear-gradient(to left, rgba(17, 17, 17, 0.96) 0%, color-mix(in srgb, rgba(17, 17, 17, 0.96) 88%, transparent) 42%, transparent 100%);
}

/* Light theme — plain header, no fabric / dark vignette */
html[data-theme="light"].menu-header-v3 body.guest-menu .torbeens-chrome-bg::before,
html[data-theme="light"] body.guest-menu.menu-header-v3 .torbeens-chrome-bg::before,
html[data-theme="light"].menu-header-v3 body.guest-menu .torbeens-chrome-bg::after,
html[data-theme="light"] body.guest-menu.menu-header-v3 .torbeens-chrome-bg::after {
  content: none;
  display: none;
}

html[data-theme="light"].menu-header-v3 body.guest-menu .torbeens-chrome-bg,
html[data-theme="light"] body.guest-menu.menu-header-v3 .torbeens-chrome-bg {
  background: var(--bg, #f4f0e8);
  border-bottom-color: var(--border, #ddd5c8);
}

html[data-theme="light"].menu-header-v3 body.guest-menu .torbeens-tagline-strip__line,
html[data-theme="light"] body.guest-menu.menu-header-v3 .torbeens-tagline-strip__line {
  text-shadow: none;
}

html[data-theme="light"].menu-header-v3 body.guest-menu .category-chips-scroll-wrap::before,
html[data-theme="light"] body.guest-menu.menu-header-v3 .category-chips-scroll-wrap::before {
  background: linear-gradient(to right, var(--bg, #f4f0e8) 0%, color-mix(in srgb, var(--bg, #f4f0e8) 88%, transparent) 42%, transparent 100%);
}

html[data-theme="light"].menu-header-v3 body.guest-menu .category-chips-scroll-wrap::after,
html[data-theme="light"] body.guest-menu.menu-header-v3 .category-chips-scroll-wrap::after {
  background: linear-gradient(to left, var(--bg, #f4f0e8) 0%, color-mix(in srgb, var(--bg, #f4f0e8) 88%, transparent) 42%, transparent 100%);
}