/* Zeh L'zeh shop — Hero background override.
   The bundled Hero.css hardcodes a dark gradient for .hero and never references
   the uploaded image, so the "Hero image updated" upload (which lands at
   /shop/assets/hero-bg.jpg) was orphaned. This file is loaded AFTER the bundle
   in index.html and uses !important, so the uploaded photo shows and the bundled
   CSS can no longer override it. Re-uploading the hero replaces the jpg at this
   same path, so new images take effect without editing anything here.
   Warm-and-light treatment (client request): instead of a dark scrim, a warm
   CREAM veil covers the LEFT (text) side and fades to transparent toward the
   right, so the real food photo stays bright and natural while the heading and
   description sit on a light, heimish background.
   The veil strength is driven by --hero-veil (0..1), which the visual editor's
   "Hero overlay" slider sets via theme-settings.css (loaded after this file).
   Default 0.90 if the editor has never set it. */
.hero {
  background-image:
    linear-gradient(90deg,
      rgba(251, 247, 239, var(--hero-veil, 0.90)) 0%,
      rgba(251, 247, 239, var(--hero-veil, 0.90)) 30%,
      rgba(251, 247, 239, calc(var(--hero-veil, 0.90) * 0.5)) 48%,
      rgba(251, 247, 239, 0.00) 74%),
    url('/shop/assets/hero-bg.jpg') !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

/* Hero text colors (dark-green heading #275D2E, soft brown/gray description
   #5B5147) are managed by the visual editor and live in saved-theme.css, so the
   client can adjust them from /shop/admin. This file only owns the background. */

/* Mobile: the hero stacks to a narrow single column, so a left→right veil would
   hide the food. Use a gentle top-to-bottom cream veil instead — text stays
   readable, food still shows through, and it stays warm + spacious. */
@media (max-width: 768px) {
  .hero {
    background-image:
      linear-gradient(180deg,
        rgba(251, 247, 239, calc(var(--hero-veil, 0.90) * 1.03)) 0%,
        rgba(251, 247, 239, calc(var(--hero-veil, 0.90) * 0.9)) 52%,
        rgba(251, 247, 239, calc(var(--hero-veil, 0.90) * 0.6)) 100%),
      url('/shop/assets/hero-bg.jpg') !important;
    background-position: center !important;
  }
}

/* Homepage popups (ref abc245): the announcement modal and the pickup-today
   modal both auto-open on load and were overlapping/stacking — a mess. Give the
   announcement priority: while it is on screen, suppress the auto pickup-today
   popup so the two never stack. When the announcement is closed (or there is
   none), the pickup popup shows normally. Pickup info also stays in the header
   "Next Pickup" chip and at checkout. */
body:has(.announcement-modal) .pickup-today-modal-overlay {
  display: none !important;
}