/* ── SONA DYNAMIC THEME CSS ── */
:root {
  --red:        #8B1A1A;
  --red-dark:   #8B1A1A;
  --green:      #2D6A2D;
  --gold:       #C9972A;
  --gold-light: #C9972A;
  --cream:      #FBF5EC;
  --dark:       #1A1A1A;
  --gray:       #555555;
  --font-h:     'Playfair Display', Georgia, serif;
  --font-b:     'Lato', system-ui, sans-serif;
}

/* Top Bar */
.top-bar { background: #6B1010 !important; }
.top-bar, .top-links a, .top-bar-inner span { color: rgba(255,255,255,0.9) !important; }

/* Navbar */
.site-header { background: #ffffff !important; }
.nav-link { color: #1A1A1A !important; }
.nav-link:hover, .nav-link.active { color: #8B1A1A !important; }
.nav-cta-btn { background: #8B1A1A !important; color: #ffffff !important; }

/* Hero text — ALWAYS white by default for readability */
.hero-content h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.7), 0 1px 4px rgba(0,0,0,0.5) !important;
}
.hero-content p, .hero-content .tagline {
  color: #f0e6d3 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.6) !important;
}

/* Hero overlay */
.hero-overlay {
  background: linear-gradient(
    135deg,
    rgba(107,16,16, 0.55) 0%,
    rgba(0,0,0,0.45) 100%
  ) !important;
}

/* Text alignment */
.hero-content { text-align: left; }

/* Page banners (About, Services, Blog etc) */
.page-banner h1 { color: #ffffff !important; }
.breadcrumb a, .breadcrumb span { color: rgba(255,255,255,0.85) !important; }

/* Section titles */
.section-title h2 { color: #6B1010 !important; }
.section-title .divider { background: linear-gradient(90deg, #8B1A1A, #C9972A) !important; }

/* Buttons */
.btn-primary { background: #8B1A1A !important; color: #ffffff !important; border-color: #8B1A1A !important; }
.btn-gold    { background: #C9972A !important; color: #ffffff !important; }

/* Welcome Strip */
.welcome-strip { background: #6B1010 !important; color: #ffffff !important; }
.strip-item i  { color: #E5B84A !important; }
.strip-item strong, .strip-item span { color: #ffffff !important; }

/* Footer */
.site-footer { background: #111111 !important; }
.footer-col h4 { color: #ffffff !important; }
.footer-col ul li a { color: rgba(255,255,255,0.65) !important; }
.footer-col ul li a:hover { color: #E5B84A !important; }
.footer-brand p { color: rgba(255,255,255,0.75) !important; }

/* FAQ */
.faq-question.active { background: #8B1A1A !important; color: #ffffff !important; }

/* Floating buttons */
.float-wa      { background: #25D366 !important; }
.float-enquiry { background: #8B1A1A !important; }