/* =============================================
   THEME B — Sage & White (Light Editorial)
   Overrides for Stone Design Luxury
   ============================================= */

:root {
  --gold:      #4A7C6B;
  --gold-dark: #2D5A4A;
  --light-gray: #F2EEE8;
}

/* --- NAV --- */
.site-header.scrolled {
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
}
.site-header.scrolled .logo-main { color: #1A1A1A; }
.site-header.scrolled .nav-links a { color: rgba(0, 0, 0, 0.7); }
.site-header.scrolled .nav-links a:hover { color: #4A7C6B; }
.site-header.scrolled .nav-cta { background: #4A7C6B; color: #fff !important; }

/* --- HERO --- */
.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

/* --- MARQUEE --- */
.marquee-strip { background: #E8E2D8; }
.marquee-track span { color: rgba(0, 0, 0, 0.4); }
.marquee-track .dot { color: #4A7C6B !important; }

/* --- MISSION --- */
.mission-banner { background: #F9F6F1; }
.mission-text { color: #2A2A2A; }

/* --- COLLECTIONS --- */
.collections { background: #F2EEE8; }
.collection-card {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.collection-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}
.card-link { color: #4A7C6B; }

/* --- STATS BANNER --- */
.stats-banner { background: #E8E2D8; }
.stat-number { color: #4A7C6B; }
.stat-plus   { color: #4A7C6B; }
.stat-item p { color: rgba(0, 0, 0, 0.4); }

/* --- GALLERY --- */
.gallery-section { background: #F9F6F1; }

/* --- SERVICES --- */
.services-section { background: #F2EEE8; }
.service-card { border: 1px solid rgba(0, 0, 0, 0.07); box-shadow: none; }
.service-card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.09); }
.service-icon { color: #4A7C6B; }

/* --- JOURNEY --- */
.journey-section { background: #F9F6F1; }
.journey-section .section-title { color: #1A1A1A; }
.journey-section .eyebrow       { color: #4A7C6B; }
.journey-section .section-sub   { color: rgba(0, 0, 0, 0.45); }
.journey-grid {
  border-top:  1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.journey-step {
  border-right:  1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.journey-step:hover { background: rgba(74, 124, 107, 0.04); }
.step-num { color: rgba(74, 124, 107, 0.18); }
.journey-step:hover .step-num { color: #4A7C6B; }
.journey-step h3 { color: #1A1A1A; }
.journey-step p  { color: rgba(0, 0, 0, 0.45); }

/* --- ABOUT --- */
.about-section { background: #fff; }
.about-badge   { background: #4A7C6B; box-shadow: 0 8px 30px rgba(74,124,107,0.35); }

/* --- TESTIMONIALS --- */
.testimonials-section { background: #E8E2D8; }
.testimonials-section .section-title { color: #1A1A1A; }
.testimonials-section .eyebrow       { color: #4A7C6B; }
.testimonial-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.testimonial-card p      { color: rgba(0, 0, 0, 0.65); }
.testimonial-author      { color: #4A7C6B; }
.testimonial-card:hover  { border-color: #4A7C6B; }

/* --- CONTACT --- */
.contact-section { background: #F2EEE8; }

/* --- NEWSLETTER --- */
.newsletter-section { background: #4A7C6B; }

/* --- FOOTER --- */
.site-footer { background: #1C2B24; }

/* --- BUTTONS --- */
.btn-primary { background: #4A7C6B; }
.btn-primary:hover {
  background: #2D5A4A;
  box-shadow: 0 8px 24px rgba(74, 124, 107, 0.35);
}
.nav-cta { background: #4A7C6B !important; }
.nav-cta:hover { background: #2D5A4A !important; }

/* Card links */
.card-link:hover { color: #2D5A4A; }

/* --- MOBILE NAV (open state on light theme) --- */
@media (max-width: 768px) {
  .nav-links {
    background: rgba(255, 255, 255, 0.98);
  }
  .nav-links a { color: rgba(0, 0, 0, 0.75); }
  .nav-links a:hover { color: #4A7C6B; }
}