/* Custom overrides for LunchLink */

/* Try to visually remove white backgrounds from raster logos without alpha.
   Works best on non-white backgrounds. Recommend replacing with true transparent PNG when available. */
.logo-remove-white {
  mix-blend-mode: multiply;
}

/* Crisp pixel-art rendering for the sandwich icon */
.logo-pixelated {
  image-rendering: pixelated;
}

/* Slight depth for logos/hero art */
.logo-shadow {
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.15));
}

/* Balanced max-widths for hero content */
.hero-wrap {
  max-width: 80rem;
}

/* Hero background with the new image */
.hero-background {
  background-image: url("../img/hero_background_lunchlink_169.5069ee563092.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Semi-transparent overlay for better text readability */
.hero-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.85) 0%, rgba(219, 234, 254, 0.85) 100%);
  z-index: 1;
}

/* Ensure content appears above the overlay */
.hero-background > * {
  position: relative;
  z-index: 2;
}