/* ========================================
   The Eastern Lodge — Premium Custom Styles
   ======================================== */

html { scroll-behavior: smooth; }
:target { scroll-margin-top: 72px; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FDF8F0; }
::-webkit-scrollbar-thumb { background: #C5922E; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #8B6914; }

/* ---- Navbar ---- */
.navbar-glass {
  background: #ffffff;
  border-bottom: 1px solid rgba(61,43,31,0.08);
}
.navbar-scrolled {
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* ---- Hero Ken Burns ---- */
.hero-bg-image {
  animation: kenBurns 22s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
}
@keyframes kenBurns {
  0%   { transform: scale(1)    translate(0, 0); }
  25%  { transform: scale(1.06) translate(-1%, 0.5%); }
  50%  { transform: scale(1.1)  translate(1%, -0.5%); }
  75%  { transform: scale(1.05) translate(-0.5%, 1%); }
  100% { transform: scale(1)    translate(0, 0); }
}

/* ---- Gold Gradient Text ---- */
.gold-gradient-text {
  background: linear-gradient(135deg, #D4A843 0%, #F5E6C8 45%, #C5922E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ---- Fade-in animations ---- */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in:nth-child(2) { transition-delay: 0.1s; }
.fade-in:nth-child(3) { transition-delay: 0.2s; }
.fade-in:nth-child(4) { transition-delay: 0.3s; }

/* ---- Room cards ---- */
.room-card {
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.room-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(0,0,0,0.5);
}

/* ---- Gallery images ---- */
.gallery-img { cursor: pointer; }

/* ---- Glassmorphism cards (contact section) ---- */
.glass-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(197,146,46,0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background 0.3s ease, border-color 0.3s ease;
}
.glass-card:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(197,146,46,0.4);
}

/* ---- WhatsApp pulse ---- */
.whatsapp-pulse { animation: pulseGreen 2.5s infinite; }
@keyframes pulseGreen {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
  70%  { box-shadow: 0 0 0 16px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* ---- Lightbox ---- */
#lightbox.flex { display: flex !important; }

/* ---- Mobile menu ---- */
#mobile-menu.open { display: block !important; }

/* ---- Amenity cards ---- */
.amenity-card { cursor: default; }

/* ---- Stat numbers glow ---- */
.stat-num {
  text-shadow: 0 0 40px rgba(197,146,46,0.4);
}