/* Custom styles for Park View Cafe */

/* Smooth scroll offset for fixed header */
html {
  scroll-padding-top: 80px;
}

/* Hero decorative lines */
.hero-line {
  position: absolute;
  background: linear-gradient(to bottom, transparent, rgba(200, 164, 90, 0.08), transparent);
  width: 1px;
}

.line-1 {
  top: 0;
  left: 15%;
  height: 100%;
  animation: lineFloat 8s ease-in-out infinite;
}

.line-2 {
  top: 0;
  right: 20%;
  height: 100%;
  animation: lineFloat 10s ease-in-out infinite reverse;
}

.line-3 {
  top: 0;
  left: 50%;
  height: 60%;
  animation: lineFloat 12s ease-in-out infinite;
}

@keyframes lineFloat {
  0%, 100% { opacity: 0.3; transform: translateY(0); }
  50% { opacity: 0.8; transform: translateY(20px); }
}

/* Reveal animations (progressive enhancement) */
@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .reveal.revealed {
    opacity: 1;
    transform: translateY(0);
  }

  .reveal:nth-child(2) { transition-delay: 0.1s; }
  .reveal:nth-child(3) { transition-delay: 0.2s; }
}

/* Image hover effects */
.rounded-xl img,
.rounded-2xl img {
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #06122e;
}

::-webkit-scrollbar-thumb {
  background: rgba(200, 164, 90, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 164, 90, 0.5);
}

/* Selection color */
::selection {
  background: rgba(200, 164, 90, 0.3);
  color: #fff;
}

/* Input autofill styling */
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px rgba(15, 28, 63, 1) inset !important;
  -webkit-text-fill-color: #fff !important;
}