/* Adventure park theme — vibrant green + white */

/* ── Hero: dark green gradient ── */
.hero {
  background: linear-gradient(
    145deg,
    var(--green-deep) 0%,
    var(--green-dark) 42%,
    var(--green-mid) 100%
  );
  color: var(--ink-on-dark);
}

.hero::before {
  background: radial-gradient(ellipse, var(--orange-glow) 0%, transparent 70%);
}

.hero::after {
  background: radial-gradient(ellipse, var(--accent-glow) 0%, transparent 70%);
}

.hero .eyebrow {
  color: var(--accent);
}

.hero-content h1,
.hero-content h1 .accent {
  color: var(--ink-on-dark);
}

.hero-sub {
  color: var(--ink-dim-on-dark);
}

.hero-sub strong {
  color: var(--ink-on-dark);
}

.hero-stats {
  border-top-color: var(--line-on-dark);
}

.hero-stat {
  color: var(--ink-dim-on-dark);
}

.hero-stat strong {
  color: var(--accent);
}

.hero .btn-ghost {
  color: var(--ink-on-dark);
  border-color: var(--line-on-dark-2);
}

.hero .btn-ghost:hover {
  border-color: var(--accent);
  color: var(--accent);
  background-color: rgba(255, 255, 255, 0.06);
}

.hero-card {
  border-color: var(--line-on-dark);
  background: linear-gradient(145deg, var(--green-mid) 0%, var(--green-dark) 100%);
  box-shadow: 0 24px 64px rgba(22, 45, 13, 0.35), 0 0 0 1px var(--line-on-dark);
}

.hero-card-overlay {
  background: linear-gradient(to top, rgba(15, 32, 8, 0.92) 0%, transparent 55%);
}

.hero-card-footer p {
  color: var(--ink-on-dark);
}

/* ── Navigation ── */
.site-nav:not(.scrolled) .nav-links a:not(.btn) {
  color: var(--ink-dim-on-dark);
}

.site-nav:not(.scrolled) .nav-links a:not(.btn):hover {
  color: var(--ink-on-dark);
}

.site-nav:not(.scrolled) .nav-toggle span {
  background: var(--ink-on-dark);
}

.site-nav.scrolled {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 4px 24px rgba(22, 45, 13, 0.06);
}

.site-nav.scrolled .nav-links a:not(.btn) {
  color: var(--ink-dim);
}

.site-nav.scrolled .nav-links a:not(.btn):hover {
  color: var(--ink);
}

.site-nav.scrolled .nav-toggle span {
  background: var(--ink);
}

/* ── Marquee + stats ── */
.marquee-wrap {
  background: var(--green-dark);
  border-block-color: var(--line-on-dark);
}

.marquee-content {
  color: var(--ink-dim-on-dark);
}

.stats-band {
  background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);
  position: relative;
}

.stats-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 100% at 50% 0%, var(--accent-glow), transparent 70%);
  pointer-events: none;
  opacity: 0.35;
}

/* ── Alternating light sections ── */
.section-alt {
  background: var(--bg-2);
  position: relative;
}

.section-alt::before {
  content: '';
  position: absolute;
  top: 10%;
  left: -10%;
  width: 40%;
  height: 50%;
  background: radial-gradient(circle, var(--accent-glow), transparent 70%);
  pointer-events: none;
  opacity: 0.25;
}

.section-alt::after {
  content: '';
  position: absolute;
  bottom: 5%;
  right: -5%;
  width: 35%;
  height: 45%;
  background: radial-gradient(circle, var(--orange-glow), transparent 70%);
  pointer-events: none;
  opacity: 0.2;
}

.section-alt > .container,
.section-alt > .container-wide {
  position: relative;
  z-index: 1;
}

/* ── Cards with soft glow ── */
.about-feature,
.safety-card,
.price-card,
.testimonial-card,
.contact-item,
.offer-banner {
  background: var(--bg);
  box-shadow: 0 4px 24px rgba(22, 45, 13, 0.06);
}

.section-alt .about-feature,
.section-alt .price-card,
.section-alt .testimonial-card,
.section-alt .contact-item,
.section-alt .offer-banner {
  background: var(--bg);
}

.price-card.featured {
  background: linear-gradient(180deg, rgba(217, 255, 63, 0.14) 0%, var(--bg) 100%);
  box-shadow: 0 8px 32px rgba(217, 255, 63, 0.2);
}

.price-card:hover,
.about-feature:hover,
.safety-card:hover,
.testimonial-card:hover,
.contact-item:hover {
  box-shadow: 0 12px 40px rgba(22, 45, 13, 0.1), 0 0 0 1px rgba(217, 255, 63, 0.35);
}

/* ── Image card overlays (green tint, not black) ── */
.attraction-card-overlay,
.party-card-overlay {
  background: linear-gradient(
    to top,
    rgba(15, 32, 8, 0.95) 0%,
    rgba(22, 45, 13, 0.45) 55%,
    transparent 100%
  );
}

.attraction-card-body h3,
.party-card-content h3 {
  color: var(--ink-on-dark);
}

.attraction-card-body p,
.party-card-content p {
  color: var(--ink-dim-on-dark);
}

.attraction-arrow {
  color: var(--ink-on-dark);
  border-color: var(--line-on-dark-2);
}

.attraction-card:hover .attraction-arrow {
  color: var(--on-accent);
}

.about-watermark {
  color: var(--green-dark);
  opacity: 0.04;
}

.about-credit,
.about-quote {
  background: rgba(22, 45, 13, 0.88);
  border-color: var(--line-on-dark);
}

.about-credit,
.about-quote p {
  color: var(--ink-on-dark);
}

.about-quote cite {
  color: var(--ink-dim-on-dark);
}

/* ── CTA banner: neon energy ── */
.cta-banner {
  background: linear-gradient(135deg, var(--accent) 0%, #c8f032 50%, var(--accent) 100%);
}

.cta-banner h2,
.cta-banner h2 em {
  color: var(--green-dark);
}

.cta-banner .sub {
  color: rgba(22, 45, 13, 0.75);
}

.cta-banner .btn-dark {
  background-color: var(--green-dark);
  color: var(--ink-on-dark);
}

.cta-banner .btn-dark:hover {
  background-color: var(--green-mid);
}

.cta-banner .btn-outline-dark {
  color: var(--green-dark);
  border-color: var(--green-dark);
}

.cta-banner .btn-outline-dark:hover {
  background-color: var(--green-dark);
  color: var(--accent);
}

/* ── Footer: dark green ── */
.site-footer {
  background: linear-gradient(180deg, var(--green-dark) 0%, var(--green-deep) 100%);
  border-top-color: var(--line-on-dark);
  color: var(--ink-dim-on-dark);
}

.site-footer .section-header h2,
.footer-col h4,
.footer-brand .tagline,
.footer-bottom-main > p,
.footer-gstin,
.footer-managed {
  color: var(--ink-dim-on-dark);
}

.footer-col a {
  color: rgba(255, 255, 255, 0.72);
}

.footer-col a:hover,
.footer-legal a:hover,
.footer-managed a:hover {
  color: var(--accent);
}

.footer-bottom,
.footer-managed {
  border-top-color: var(--line-on-dark);
}

.footer-legal a {
  color: rgba(255, 255, 255, 0.65);
}

.social-links a {
  border-color: var(--line-on-dark-2);
  color: rgba(255, 255, 255, 0.72);
}

.social-links a:hover {
  color: var(--on-accent);
}

/* ── FAQ open state ── */
.faq-list details[open] .faq-icon {
  color: var(--on-accent);
}

/* ── Tags & tabs on light bg ── */
.tag {
  color: var(--on-accent);
}

.tag-orange {
  color: var(--ink-on-dark);
}

.pricing-tab.active {
  color: var(--on-accent);
}

.testimonial-avatar {
  color: var(--on-accent);
}

.map-card-overlay {
  background: rgba(22, 45, 13, 0.82);
}

.map-card-overlay h3,
.map-card-overlay p {
  color: var(--ink-on-dark);
}

.map-pin {
  color: var(--accent);
}

.offer-banner {
  border-color: var(--line-2);
}