/* ============================================================
   brand.css — Walsh Law Firm
   Brand config layer. Sits between mainstyle.css and custom.css.
   Colors, fonts, and brand-level theme overrides ONLY.
   Component / page styles belong in custom.css.

   Overrides the Lawgis dark theme (body #1C1D20, DM Serif Display,
   peach buttons) to Walsh's bright white-dominant identity.
   ============================================================ */

/* --- Brand Colors --- */
:root {
  --brand-white:      #FFFFFF;  /* primary background */
  --brand-gold:       #A48200;  /* accent — CTAs, links, dividers */
  --brand-gold-hover: #C8A951;  /* gold hover / focus */
  --brand-black:      #1A1A1A;  /* text + footer band */
  --brand-cream:      #F7F4EA;  /* occasional section bg */
  --brand-muted:      #8A8378;  /* captions, fine print */
}

/* --- Base: flip dark theme to white-dominant --- */
body,
html {
  background-color: var(--brand-white) !important;
  color: var(--brand-black) !important;
  font-family: "Mulish", sans-serif !important;
}

/* --- Headings: Playfair Display --- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif !important;
  color: var(--brand-black);
  letter-spacing: normal;
}

/* --- Links --- */
a { color: var(--brand-gold); }
a:hover, a:focus { color: var(--brand-gold-hover); }

/* --- Primary button: gold, not Lawgis peach --- */
.btn-primary {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  color: #FFFFFF !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--brand-gold-hover) !important;
  border-color: var(--brand-gold-hover) !important;
  color: var(--brand-black) !important;
}

/* --- Header: white bar, dark nav text (Lawgis ships it dark) --- */
.header-area {
  background-color: var(--brand-white) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.header-area .navbar-nav .magnet-link { color: var(--brand-black); }
.header-area .navbar-nav .magnet-link:hover { color: var(--brand-gold); }
.navbar-brand img { max-height: 64px; width: auto; }

/* --- Footer band: intentional dark per brief §3 (footer band = #1A1A1A) --- */
.footer-area { background-color: var(--brand-black); color: #FFFFFF; }
.footer-area a { color: rgba(255, 255, 255, 0.80); }
.footer-area a:hover { color: var(--brand-gold-hover); }
.footer-area .footer-logo img { max-height: 72px; width: auto; }

/* --- Orphan-word prevention (Dwight text-wrap standard) -- added 2026-06-19 --- */
h1, h2, h3, h4, h5, .display, .eyebrow { text-wrap: balance; }
p, li, blockquote, figcaption, .blurb, .lead { text-wrap: pretty; }
a.card-title, a.title, h1 > a, h2 > a, h3 > a, h4 > a, h5 > a,
.card-title a, [class*="-title"] a { display: block; text-wrap: balance; }
/* Centered short bands: balance distributes lines evenly (pretty can leave a single-word widow) */
.hm-results p { text-wrap: balance; }