/* ── MN PLASTERING — SHARED STYLE OVERRIDES ── */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap');

/* ── HEADING FONT ── */
:root {
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

h1, h2,
.section-title,
.hero h1,
.cta-inner h2,
.footer-brand-name {
  font-family: var(--font-heading);
}

/* ── DARK NAVIGATION ── */
nav {
  background: #5a1a1a !important;
  border-bottom: 2px solid rgba(41, 168, 196, 0.35) !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.22) !important;
}

.nav-brand-name {
  color: #ffffff !important;
}

.nav-brand-sub {
  color: #5cc8e0 !important;
}

.nav-links a {
  color: rgba(255, 255, 255, 0.82) !important;
}

.nav-links a:hover {
  color: #5cc8e0 !important;
}

/* Hamburger on dark nav */
.hamburger {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.hamburger:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.hamburger span {
  background: #ffffff !important;
}

/* Mobile email/sms buttons on dark nav */
.nav-email {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* ── SECTION TAG — left accent bar ── */
.section-tag {
  border-left: 3px solid #29a8c4;
  padding-left: 10px;
}

/* ── SECTION TITLE — underline accent ── */
.section-title::after {
  content: '';
  display: block;
  width: 44px;
  height: 3px;
  background: #29a8c4;
  border-radius: 2px;
  margin-top: 12px;
}

/* No underline on white-text section titles (dark navy background) */
.why-left .section-title::after,
.why-bg .section-title::after {
  background: rgba(41, 168, 196, 0.6);
}

/* ── ALTERNATING SECTION BACKGROUNDS ── */
/* Give the services section a warm cream so it reads as distinct from white areas */
.services-bg {
  background: #f8f5f0 !important;
}

/* ── STRONGER TYPOGRAPHIC WEIGHT CONTRAST ── */
.section-title {
  font-weight: 800 !important;
  letter-spacing: -0.5px;
}

.hero h1 {
  letter-spacing: -1px;
}

/* Service page h1 headings */
.service-hero h1,
.page-hero h1 {
  font-family: var(--font-heading);
  letter-spacing: -0.75px;
}
