/* Universal Premium Hero Background - Floral Image */
.premium-hero-bg {
  position: relative;
  /* Base background color as fallback */
  background: #f8f4f0;
  /* Floral background image */
  background-image: url('../media/images/background/background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* Semi-transparent overlay for readability */
.premium-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(255, 252, 245, 0.25); /* Light cream overlay with 25% opacity */
  z-index: 0;
  pointer-events: none;
}

/* Hero content - ensure it's above the background and overlay */
.premium-hero-bg .container,
.premium-hero-bg .row,
.premium-hero-bg .page-hero-grid,
.premium-hero-bg .page-hero-collage,
.premium-hero-bg .collage-wrapper,
.premium-hero-bg .hero-title-big,
.premium-hero-bg p,
.premium-hero-bg a {
  position: relative;
  z-index: 5;
}

/* Responsive adjustments for mobile */
@media (max-width: 991.98px) {
  .premium-hero-bg::before {
    background-color: rgba(255, 252, 245, 0.4); /* Slightly more opaque on mobile */
  }
}

/* Ensure the background doesn't interfere with hero layout */
.premium-hero-bg .row {
  position: relative;
  z-index: 5;
}