/* ============================================
   Theme 1: Sahyadri Green
   Nature-inspired, earthy, organic feel
   ============================================ */

:root {
  --color-primary: #2D6A4F;
  --color-secondary: #40916C;
  --color-accent: #B7E4C7;
  --color-cta: #D4A017;
  --color-cta-hover: #B8900F;

  --text-primary: #1B1B1B;
  --text-secondary: #555555;

  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F8F5;
  --bg-accent: #F0F9F0;
  --bg-dark: #1A2E1A;

  --border-color: #D4E8D4;
  --border-light: #E8F5E8;

  --radius-md: 12px;
  --radius-lg: 16px;

  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Green theme specifics --- */

/* Nav */
.nav {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(8px);
}

.nav.scrolled {
  background: rgba(255, 255, 255, 0.95);
}

/* Hero overlay - nature green tint */
.hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(45, 106, 79, 0.3) 0%,
    rgba(26, 46, 26, 0.65) 100%
  );
}

/* Pricing header */
.pricing-header {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}

.pricing-card.featured .pricing-header {
  background: linear-gradient(135deg, var(--color-cta), var(--color-cta-hover));
}

/* Section divider - leaf wave */
.section-divider {
  width: 100%;
  height: 40px;
  background: var(--bg-accent);
  clip-path: ellipse(60% 100% at 50% 100%);
  margin-top: -40px;
  position: relative;
  z-index: 1;
}

/* Inclusion cards - green border on hover */
.inclusion-card:hover {
  border-bottom: 3px solid var(--color-primary);
}

/* Green CTA button with organic feel */
.btn-primary {
  background: var(--color-cta);
  border-radius: var(--radius-md);
}

.btn-primary:hover {
  background: var(--color-cta-hover);
  box-shadow: 0 4px 16px rgba(212, 160, 23, 0.3);
}

/* Hotel cards - soft green border on hover */
.hotel-card:hover {
  border: 1px solid var(--color-accent);
}

/* FAQ - green accent */
.faq-item summary::after {
  color: var(--color-primary);
}

/* Timeline dot */
.timeline-dot {
  background: var(--color-primary);
  border-color: var(--color-accent);
}

.timeline-item::before {
  background: var(--color-accent);
}

/* Footer */
.footer {
  background: var(--bg-dark);
}

/* Compare section */
.compare-card.highlight {
  border-color: var(--color-primary);
  background: var(--bg-accent);
}

/* Season tabs */
.season-tab.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

/* Urgency banner */
.urgency-banner {
  background: linear-gradient(135deg, var(--color-cta), #E8B800);
}

/* Group section */
.group-section {
  background: var(--bg-accent);
  border: 1px solid var(--color-accent);
}

/* Badge */
.badge-primary {
  background: var(--color-primary);
}

/* Active filter tab */
.filter-tab.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

/* Testimonial stars */
.testimonial-stars {
  color: var(--color-cta);
}

/* Mobile CTA bar */
.mobile-cta-bar {
  border-top: 2px solid var(--color-accent);
}

/* Floating WhatsApp */
.whatsapp-float {
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3);
}

/* Link hover */
.footer-links a:hover {
  color: var(--color-accent);
}

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

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}