/* The same stylesheet is served by the standalone Delivery and portal preview. */
.order-page.delivery-themed {
  --blue-700: var(--tenant-accent-strong);
  --blue-600: var(--tenant-accent);
  --blue-500: var(--tenant-accent);
  --line: color-mix(in srgb, var(--tenant-accent) 13%, #e8e8eb);
  --line-strong: color-mix(in srgb, var(--tenant-accent) 24%, #e8e8eb);
  --cyan-50: color-mix(in srgb, var(--tenant-accent) 5%, white);
  --cyan-100: color-mix(in srgb, var(--tenant-accent) 12%, white);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--tenant-accent) 25%, transparent);
  background: var(--delivery-background, none) center top / 100% auto repeat-y,
    linear-gradient(135deg, color-mix(in srgb, var(--tenant-accent) 8%, white), #fafafa);
}
.delivery-themed .top { border-top: 4px solid var(--tenant-accent); }
.delivery-themed .tenant-brand__logo { width: 58px; height: 58px; padding: 5px; background: white; border-radius: 14px; }
.tenant-brand__initials { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; border-radius:12px; color:white; background:var(--tenant-accent); font-weight:800; }
.delivery-themed .hero-banner {
  min-height: clamp(350px, 36vw, 500px);
  background: var(--hero-image, none) center / cover no-repeat, var(--tenant-accent-strong);
}
.delivery-themed .hero-banner::before {
  background: linear-gradient(95deg, color-mix(in srgb, var(--tenant-accent) 72%, #070b12) 0%, rgba(7,11,18,.65) 48%, rgba(7,11,18,.12) 100%);
  opacity: .95;
}
.delivery-themed .hero-banner::after { display:none; }
.delivery-themed .hero-content { width:min(760px, 76%); gap:18px; }
.delivery-themed .hero-kicker { color:#fff; border-color:#ffffff45; background:#ffffff14; }
.delivery-themed .hero-title { font-size:clamp(2.3rem, 4.6vw, 4.3rem); line-height:1.03; }
.delivery-themed .hero-subtitle { color:#fff; }
.delivery-themed .delivery-start { min-height:48px; padding:14px 22px; border:1px solid #ffffff66; gap:28px; text-decoration:none; background:var(--tenant-accent); color:#fff; }
.delivery-themed .access-shell { padding-bottom:24px; }
.delivery-themed .cat-btn.active { background:var(--cyan-100); border-color:var(--tenant-accent); color:var(--tenant-accent-strong); }
.delivery-themed #phoneGate { scroll-margin-top:110px; }
@media (max-width:640px) {
  .delivery-themed .order-header__inner { gap:12px; min-height:84px; }
  .delivery-themed .tenant-brand { gap:9px; }
  .delivery-themed .tenant-brand__logo { width:46px; height:46px; }
  .delivery-themed .tenant-brand__copy .subtitle { display:none; }
  .delivery-themed .order-header__actions .btn { font-size:11px; min-height:40px; padding:8px 10px; }
  .delivery-themed .hero-banner { min-height:430px; }
  .delivery-themed .hero-content { width:100%; padding:32px 24px; min-height:430px; }
  .delivery-themed .hero-title { font-size:2.55rem; }
  .delivery-themed .hero-banner::before { background:linear-gradient(100deg, color-mix(in srgb, var(--tenant-accent) 70%, #070b12), rgba(7,11,18,.48)); }
}