/* Custom styles for Just 4 Love Hair Salon */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Subtle gradient overlay on hero image */
.hero-grid .relative::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.05) 0%, transparent 50%, rgba(15, 23, 42, 0.03) 100%);
  pointer-events: none;
  z-index: 1;
}

/* Ensure hero images have proper z-index */
.hero-grid .relative > div {
  position: relative;
  z-index: 0;
}

/* Floating card z-index */
.hero-grid .absolute.bottom-8 {
  z-index: 10;
}

/* Selection color */
::selection {
  background: rgba(13, 148, 136, 0.2);
  color: #0f766e;
}

/* Focus visible styles */
:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  nav, .mobile-menu, #contactForm, .cta-gradient { display: none; }
  body { color: #000; background: #fff; }
  .hero-grid { min-height: auto; }
}