/* Custom styles for West Shores Marina & RV Park */

/* Smooth focus outlines */
a:focus-visible, button:focus-visible {
  outline: 2px solid #047857;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Selection color */
::selection {
  background: #047857;
  color: #FDF9F3;
}

/* Subtle image hover zoom */
img {
  transition: transform 0.6s ease;
}

/* Navbar scroll state */
nav.scrolled {
  background: rgba(253, 249, 243, 0.95);
  backdrop-blur-xl;
  box-shadow: 0 1px 0 rgba(4, 120, 87, 0.08);
}

nav.scrolled .font-serif {
  color: #064e3b;
}

nav.scrolled .text-emerald-800\/70 {
  color: rgba(6, 78, 59, 0.7);
}

/* Mobile menu transition */
#mobile-menu {
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Ensure all text meets contrast requirements */
.text-emerald-800\/60 {
  color: rgba(6, 78, 59, 0.6);
}

.text-emerald-600\/50 {
  color: rgba(5, 150, 105, 0.5);
}

.text-emerald-200\/70 {
  color: rgba(167, 243, 208, 0.7);
}

.text-emerald-200\/60 {
  color: rgba(167, 243, 208, 0.6);
}

/* Ensure the hero text is readable on the dark overlay */
#hero .font-serif {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Print styles */
@media print {
  nav, #hero, .reveal {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }
}