/* ANAYA - Luxury Massage Spa Custom Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --color-chocolate: #24150F;
  --color-dark-brown: #382218;
  --color-champagne: #D6B16D;
  --color-champagne-light: #F2DEB4;
  --color-ivory: #F8F3EA;
  --color-cream: #FFFFFF;
  --color-beige: #E9DCC8;
  --color-beige-dark: #D4C1A5;
}

/* Bulletproof Global Typography */
html, body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #24150F;
  background-color: #F8F3EA;
}

h1, h2, h3, h4, h5, h6,
.font-serif,
.font-serif-luxury {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
}

.font-display {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
}

.font-sans,
.font-sans-luxury {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F8F3EA;
}
::-webkit-scrollbar-thumb {
  background: #D6B16D;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B9924B;
}

/* Shimmer & Glow Animations */
@keyframes goldPulse {
  0%, 100% {
    box-shadow: 0 0 15px rgba(214, 177, 109, 0.25);
  }
  50% {
    box-shadow: 0 0 30px rgba(214, 177, 109, 0.55);
  }
}

.animate-gold-pulse {
  animation: goldPulse 3.5s infinite ease-in-out;
}

/* Glassmorphism */
.glass-dark {
  background: rgba(36, 21, 15, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.glass-light {
  background: rgba(248, 243, 234, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Gradients */
.gold-gradient-bg {
  background: linear-gradient(135deg, #E5C583 0%, #D6B16D 50%, #BD9247 100%);
}

.gold-gradient-bg:hover {
  background: linear-gradient(135deg, #EED59B 0%, #E0BD7B 50%, #CA9C4F 100%);
}

.dark-gradient-bg {
  background: linear-gradient(180deg, #24150F 0%, #382218 100%);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #D6B16D 0%, #F5DEB3 45%, #D6B16D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gold decorative border */
.gold-border {
  border: 1px solid rgba(214, 177, 109, 0.4);
}

.gold-border-top {
  border-top: 1px solid rgba(214, 177, 109, 0.35);
}

.gold-border-bottom {
  border-bottom: 1px solid rgba(214, 177, 109, 0.35);
}

/* Luxury Card Shadows */
.shadow-luxury {
  box-shadow: 0 10px 35px -5px rgba(36, 21, 15, 0.08), 0 0 1px 1px rgba(214, 177, 109, 0.15);
}

.shadow-luxury-hover {
  box-shadow: 0 20px 45px -10px rgba(36, 21, 15, 0.16), 0 0 25px rgba(214, 177, 109, 0.25);
}

/* Details summary marker removal */
details summary::-webkit-details-marker {
  display: none;
}
details > summary {
  list-style: none;
}

/* Image zoom hover effect */
.img-zoom-container {
  overflow: hidden;
}
.img-zoom-container img {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.img-zoom-container:hover img {
  transform: scale(1.06);
}

/* Lightbox Modal styling */
#lightbox-modal {
  transition: opacity 0.3s ease;
}
#lightbox-modal.hidden {
  display: none;
  opacity: 0;
}
#lightbox-modal:not(.hidden) {
  display: flex;
  opacity: 1;
}

/* Mobile tap optimization */
button, a {
  -webkit-tap-highlight-color: transparent;
}