/* Ivory and roasted-brown header, independent of the selected menu texture. */
.customer-view #kiosk-container > .kiosk-header,
.customer-view #kiosk-container > .category-nav {
  --truth-text: #56361f;
  --truth-text-muted: #806951;
  --truth-accent: #795033;
  --truth-border: rgba(112, 74, 41, .17);
  --truth-surface: #fffaf0;
  --truth-surface-2: #f4e8d2;
  background: #fcf5df;
  border-color: var(--truth-border);
}
.customer-view .category-nav .category-tab.active {
  background: #704629;
  color: #fff9e9;
}
.customer-view.dark-theme #kiosk-container > .kiosk-header,
.customer-view.dark-theme #kiosk-container > .category-nav {
  --truth-text: #f9eed8;
  --truth-text-muted: #d1bda0;
  --truth-border: rgba(235, 209, 171, .19);
  --truth-surface: #3a2c22;
  --truth-surface-2: #483627;
  background: #2c211a;
}
.brand-logo-refined #main-logo-img {
  display: block;
  width: 156px;
  height: 62px;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: none;
}
.brand-logo-refined.compact-mode #main-logo-img { width: 120px; height: 48px; }
.brand-logo-refined .logo-text[hidden] { display: none; }
.brand-logo-refined .splash-logo-wrap { width: min(260px, 70vw); }
.brand-logo-refined #splash-logo-img { width: 100%; height: auto; aspect-ratio: 2.5; object-fit: contain; border-radius: 12px; }
.brand-logo-refined #footer-logo-img { width: 140px; height: 56px; object-fit: contain; border-radius: 8px; }
.brand-logo-refined #mock-logo-menu { width: 100px; height: 40px; object-fit: contain; border-radius: 5px; }
.brand-logo-refined #mock-logo-splash { width: 180px; height: 72px; object-fit: contain; border-radius: 8px; }
.brand-logo-refined #admin-header-logo { width: 110px; height: 44px; object-fit: contain; border-radius: 6px; }
/* Constrain photo geometry so intrinsic image dimensions cannot stretch the rail. */
.featured-menu-photo { aspect-ratio: 4 / 3; }
.featured-menu-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 680px) {
  .brand-logo-refined #main-logo-img,
  .brand-logo-refined.compact-mode #main-logo-img { width: 108px; height: 44px; }
}
@media (max-width: 400px) {
  .brand-logo-refined .customer-account-button .account-button-copy,
  .brand-logo-refined .customer-account-button > i { display: none; }
  .brand-logo-refined .customer-account-button { padding: 4px; min-width: 40px; }
}