/* ============================================================
   brand.css — single source of truth for brand colors
   Load FIRST in /_includes/header.asp, before bootstrap/style/blue.
   ------------------------------------------------------------
   Brand Navy:  #004286   (hero, nav, headings, buttons, logo)
   Brand Gold:  #E0A82E   (stats, CTAs, price-on-navy, bullets)
   Gold (text on white): #B8860B   (use only for gold text on white bg)
   ============================================================ */

:root {
  --brand-navy:       #004286;
  --brand-navy-2:     #014286;   /* the slightly-deeper hover/border navy already in blue.css */
  --brand-gold:       #E0A82E;
  --brand-gold-text:  #B8860B;   /* gold text on a white background, for legibility */
  --brand-paper:      #FFFFFF;
  --brand-ink:        #1A1A1A;
}

/* ------------------------------------------------------------
   SEO content headings
   (moved out of the inline <style> blocks on city/county/zip
   pages — delete those inline blocks once this is loading.)
   #2c5aa0 was a stray 5th blue; now unified to brand navy.
   ------------------------------------------------------------ */
.seo-content h1 { font-size:24px !important; color:var(--brand-navy) !important; margin:5px 0 !important; }
.seo-content h2 { font-size:20px !important; margin:5px 0 15px !important; }
.seo-content h3 { font-size:16px !important; margin:5px 0 10px !important; }
    }
.seo-content,
.seo-content p,
.seo-content li { font-size: 16px !important; line-height: 26px !important; }

/* ------------------------------------------------------------
   Bootstrap primary button → brand navy
   (.btn-primary defaults to Bootstrap blue #428bca. This makes
   every "Add to Cart" / primary button navy, site-wide.)
   ------------------------------------------------------------ */
.btn-primary,
a.btn-primary, a.btn-primary:visited {
  background: var(--brand-navy) !important;
  border-color: var(--brand-navy-2) !important;
  color: #FFFFFF !important;
}
.btn-primary:hover, .btn-primary:focus,
a.btn-primary:hover {
  background: var(--brand-navy-2) !important;
  color: #FFFFFF !important;
}

/* ------------------------------------------------------------
   Optional helper classes you can use going forward instead of
   hardcoding hexes inline (e.g. the cart price was style="color:#F68A30")
   ------------------------------------------------------------ */
.text-navy      { color: var(--brand-navy) !important; }
.text-gold      { color: var(--brand-gold) !important; }      /* on navy bg */
.text-gold-dark { color: var(--brand-gold-text) !important; } /* on white bg */
.bg-navy        { background: var(--brand-navy) !important; color:#fff; }
.bg-gold        { background: var(--brand-gold) !important; color: var(--brand-navy); }
/* === Product buy-card — soft grey-blue, replaces the navy slab === */
.buy-card {
  background: #f0f4f9 !important;      /* matches .geo-section */
  border: 1px solid #d6dde6 !important;
  border-radius: 6px;
}
.buy-card ul,
.buy-card ul li        { color: #333 !important; }       /* bullets dark on light */
.buy-card ul li a,
.buy-card ul li a font { color: #004286 !important; }    /* links ? navy */
.buy-card .price       { color: #B8860B !important; }    /* price ? deep gold (legible on light) */