/* v695 — public hero + header integrity. Customer/public presentation only. */

/* The public brand lockup must always use the computed safe header foreground. */
html body.public-page-v667 .public-header-v662 .public-brand-v662,
html body.public-page-v667 .public-header-v662 .public-brand-v662 span,
html body.public-page-v667 .public-header-v662 .public-brand-v662 strong,
html body.public-page-v667 .public-header-v662 .public-brand-v662 small,
html body.public-page-v667 .public-header-v662 nav > a:not(.order){
  color:var(--tt-header-text-safe,var(--tt-text-header,#fff))!important;
}
html body.public-page-v667 .public-header-v662 .public-brand-v662 strong{font-family:var(--tt-font)!important;font-weight:800!important}
html body.public-page-v667 .public-header-v662 .public-brand-v662 small{opacity:.82!important}

/* Existing customer header controls use the same role system instead of legacy orange/white values. */
html body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .reserve-link-v306,
html body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .customer-account-pill-v115.light,
html body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .mode-btn:not(.active){
  background:var(--tt-secondary)!important;
  color:var(--tt-on-secondary-safe)!important;
  border:1px solid color-mix(in srgb,var(--tt-on-secondary-safe),transparent 76%)!important;
  border-radius:var(--tt-button-radius)!important;
}
html body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .customer-account-pill-v115.orange,
html body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .mode-btn.active{
  background:var(--tt-primary)!important;
  color:var(--tt-on-primary-safe)!important;
  border:1px solid color-mix(in srgb,var(--tt-primary),#000 12%)!important;
  border-radius:var(--tt-button-radius)!important;
}

/* About/Catering/Contact reuse the administrator-uploaded Branding hero image. */
body.public-page-v667 .public-hero-v662.has-brand-hero-image-v695{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(280px,38vw,500px)!important;
  display:flex!important;
  align-items:flex-end!important;
  background:var(--tt-card-bg)!important;
}
body.public-page-v667 .public-hero-v662 .public-hero-image-v695{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:-3!important;
}
body.public-page-v667 .public-hero-v662 .public-hero-scrim-v695{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:linear-gradient(90deg,rgba(10,8,8,.82) 0%,rgba(10,8,8,.62) 48%,rgba(10,8,8,.28) 100%)!important;
}
body.public-page-v667 .public-hero-v662 .public-hero-content-v695{position:relative!important;z-index:1!important;max-width:850px!important}
html body.public-page-v667 .public-hero-v662.has-brand-hero-image-v695 :is(h1,h2,h3,strong,p,span){color:#fff!important}
html body.public-page-v667 .public-hero-v662.has-brand-hero-image-v695 .eyebrow{color:#f4d77a!important}

/* Non-image heroes keep the shared card surface. */
body.public-page-v667 .public-hero-v662:not(.has-brand-hero-image-v695) .public-hero-content-v695{display:contents}

@media(max-width:620px){
  body.public-page-v667 .public-hero-v662.has-brand-hero-image-v695{min-height:300px!important;align-items:flex-end!important}
  body.public-page-v667 .public-hero-v662 .public-hero-scrim-v695{background:linear-gradient(180deg,rgba(10,8,8,.36) 0%,rgba(10,8,8,.82) 72%,rgba(10,8,8,.9) 100%)!important}
}