/* ============================================================
   AVANT PEOPLE — OVERRIDES.CSS
   Enqueued last. Wins all cascade conflicts with WP core,
   Jetpack, and main.css / blog.css.
   Do not add general styles here — targeted fixes only.
   ============================================================ */

/* ------------------------------------------------------------
   FIX 1: Logo — explicit heights, beats height:auto !important
   in main.css which was overriding the SVG height attribute
   ------------------------------------------------------------ */
.nav-logo svg {
  height: 36px !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.footer-logo svg {
  height: 28px !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* ------------------------------------------------------------
   FIX 2: Footer — force DM Sans throughout
   ------------------------------------------------------------ */
.site-footer,
.site-footer *,
.footer-inner,
.footer-inner *,
.footer-col,
.footer-col *,
.footer-nav,
.footer-nav a,
.footer-bottom,
.footer-bottom * {
  font-family: 'DM Sans', sans-serif !important;
}

/* ------------------------------------------------------------
   FIX 3: Impact band — force DM Sans on stat numbers
   ------------------------------------------------------------ */
.impact-band .stat-number,
.impact-band div.stat-number,
.impact-stat .stat-number {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 800 !important;
}


/* ------------------------------------------------------------
   FIX 5: Blog category pills — Sand bg + Charcoal text
   on dark cards, beats .blog-card-link * { color: inherit }
   ------------------------------------------------------------ */
.blog-card .blog-card-cat-inner,
.blog-card > .blog-card-body .blog-card-cat-inner,
.blog-card-body-dark .blog-card-cat-inner,
.blog-card-body-sand .blog-card-cat-inner,
a.blog-card .blog-card-cat-inner {
  background: #F2EDE6 !important;
  color: #1A1A1A !important;
  border: 1px solid #F2EDE6 !important;
  text-decoration: none !important;
}

.blog-card .blog-card-cat-inner:hover,
a.blog-card .blog-card-cat-inner:hover {
  background: #E05A0A !important;
  color: #ffffff !important;
  border-color: #E05A0A !important;
}

/* Sand card pill: Charcoal bg + Sand text — 0,3,1 beats FIX 5's highest selector at 0,3,0 */
a.blog-card.blog-card-sand .blog-card-cat-inner {
  background: #1A1A1A !important;
  color: #F2EDE6 !important;
  border-color: #1A1A1A !important;
}

/* Dark card pill: freeze at resting state on hover — 0,4,1 beats FIX 5 hover at 0,3,1 */
a.blog-card.blog-card-dark .blog-card-cat-inner:hover {
  background: #F2EDE6 !important;
  color: #1A1A1A !important;
  border-color: #F2EDE6 !important;
}

/* ------------------------------------------------------------
   FIX 6: Blog landing hero pill — White bg + Charcoal text
   on Ember hero background (better contrast than Sand)
   ------------------------------------------------------------ */
.blog-hero-band .blog-hero-cat-inner,
.blog-hero-content .blog-hero-cat-inner,
.blog-hero-band .blog-hero-cat a,
.blog-hero-band .blog-hero-cat span {
  background: #ffffff !important;
  color: #1A1A1A !important;
  border: 1px solid #ffffff !important;
}