/* Victoria Shores — Custom Styles */

/* Base typography adjustments */
h1, h2, h3, h4 {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Smooth focus styles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #ff6a25;
  outline-offset: 2px;
}

/* Selection color */
::selection {
  background-color: #ff6a25;
  color: #0a0a0a;
}

/* Navbar glass effect on scroll */
#navbar.scrolled {
  background-color: rgba(10, 10, 10, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Mobile link underline animation */
.mobile-link {
  position: relative;
}
.mobile-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #ff6a25;
  transition: width 0.3s ease;
}
.mobile-link:hover::after {
  width: 100%;
}

/* Image lazy load fade-in */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.5s ease;
}
img[loading="lazy"].loaded {
  opacity: 1;
}

/* Subtle pattern overlay for sections */
.bg-pattern {
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.03) 1px, transparent 0);
  background-size: 40px 40px;
}

/* Custom button hover lift */
.rounded-full:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(255, 106, 37, 0.3);
}
.rounded-full:active {
  transform: translateY(0);
}

/* Input autofill styling */
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #1f1f1f inset !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}

/* Print styles */
@media print {
  header, footer, #mobile-menu { display: none; }
  body { background: white; color: black; }
  .serif { color: black; }
}