/* client-overrides.css — durhamsauto
 * Loaded AFTER static-overrides.css and the captured Enfold stylesheets, so these
 * rules win without editing captured CSS (which the converter re-copies on every
 * rebuild). Operator-approved round 1, 2026-08-14.
 */

/* (1) Button contrast — WCAG AA.
 * Brand red #ea3323 under WHITE text measures 4.20:1, just under the 4.5:1
 * minimum for normal-size text (it clears the 3.0:1 large-text bar, which is why
 * it looks fine but fails an audit). #c81101 is the site's OWN hover red from the
 * Enfold customizer, so nothing new is invented, and it measures 5.94:1.
 *
 * Targeted per-button ON PURPOSE. The page has four Avia buttons and only two are
 * white-on-red; a blanket `.avia-button` rule also repainted the yellow
 * "Call to Schedule Your Service" band button, whose BLACK text then sat on red at
 * 3.53:1 — worse than the problem it was fixing. Leave alone:
 *   av-okr74-1-…  hero FB button      #ffffff bg / #000 text
 *   av-l6cap564-… schedule band       #f6d14a bg / #000 text (~11:1, fine) */
#top #wrap_all .avia-button.av-okr74-f5b7ed83ca704490367a89718b96a109,   /* hero CALL   */
#top #wrap_all .avia-button.av-okr74-2-1b63a4f37580d1a7d284886a5648e5fb, /* hero REVIEW */
#top #wrap_all .avia-button.av-l6cap564-e0f5715b51d264510a451481802447b8:hover, /* schedule band, hover → white on red */
#top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text,
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background-color: #c81101 !important;
  border-color: #c81101 !important;
}

/* (2) Heading-outline fix that does NOT resize anything.
 * `#about` ran H1 → H3 (a skipped level). Enfold sizes headings by TAG, so simply
 * retagging to H2 would have jumped 35px → 40px and re-wrapped the line. The tag
 * is changed in inject-fixes.py and the size is pinned back here, so the outline
 * is correct for screen readers while the render stays pixel-identical to live.
 * Keep this rule and that retag together — removing one breaks the other. */
#top .av-special-heading.av-special-heading-h3 > h2.av-special-heading-tag,
#top #wrap_all .av-special-heading.av-special-heading-h3 > h2.av-special-heading-tag {
  font-size: 35px;
}

/* (3) Hero subheading — the added "24/7 WRECKER SERVICE" line.
 * Operator-approved deviation from live: 24/7 towing is the strongest selling
 * point on the site and appeared nowhere but the hours block. Styled to read as a
 * second subheading line, not a new heading level. */
#top .av-subheading .ym-247 {
  display: block;
  margin-top: 0.25em;
  letter-spacing: 0.04em;
}