/* Super Taco homepage hero photo background — v2.1 cleanup/fix */
.page-home .hero-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:url('images/hero-restaurant-bg.webp');
  background-position:center 48%;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Readability wash over the restaurant photo only. */
.page-home .hero-shell::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(255,248,233,.86) 0%,
      rgba(255,248,233,.80) 30%,
      rgba(255,248,233,.58) 53%,
      rgba(255,248,233,.28) 76%,
      rgba(255,248,233,.14) 100%),
    linear-gradient(180deg,rgba(18,62,50,.04),rgba(18,62,50,.07));
}

/* Preserve the site's ORIGINAL two-column hero layout. */
.page-home .hero-shell > .hero{
  position:relative;
  z-index:1;
  background:transparent;
}

.page-home .hero-shell .hero-copy{
  position:relative;
  z-index:2;
}

.page-home .hero-shell .hero-art{
  position:relative;
  z-index:2;
}

/* Critical: this decoration must NOT become a grid item. */
.page-home .hero-shell .hero > .fiesta-canopy{
  position:absolute;
  z-index:3;
}

.page-home .hero-shell .hero-intro,
.page-home .hero-shell .hero-location,
.page-home .hero-shell .local-hours{
  color:#30443a;
}

.page-home .hero-shell .hero-location{
  border-top-color:rgba(18,62,50,.22);
}

@media (max-width:800px){
  .page-home .hero-shell{background-position:center 42%}
  .page-home .hero-shell::before{
    background:
      linear-gradient(180deg,
        rgba(255,248,233,.90) 0%,
        rgba(255,248,233,.84) 38%,
        rgba(255,248,233,.64) 68%,
        rgba(255,248,233,.40) 100%),
      linear-gradient(180deg,rgba(18,62,50,.06),rgba(18,62,50,.08));
  }
}

@media (max-width:560px){
  .page-home .hero-shell{background-position:58% center}
}

@media print{
  .page-home .hero-shell{background:none!important}
  .page-home .hero-shell::before{display:none!important}
}