/*
 Theme Name:   Divi Child
 Theme URI:    https://dcac-live.com/
 Description:  Child theme for Divi. Fixes hero heading overlap sitewide and adds safe performance tweaks.
 Author:       Hog the Web
 Template:     Divi
 Version:      1.1.1
 Text Domain:  divi-child-dcac
*/

/* ==========================================================
   Sitewide hero heading fix (why-dcac, faq, any dcac-*-hero)
   Bebas Neue has one weight: 900 = faux bold, and negative
   letter-spacing + .92 line-height made glyphs/lines collide.
   Higher specificity than the per-page inline .dcac-*-hero h1
   rules so it wins even against their !important.
   ========================================================== */
body section[class*="dcac-"][class*="-hero"] h1 {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  font-size: clamp(44px, 7vw, 96px) !important;
  padding-bottom: 10px !important;
  overflow-wrap: break-word;
}

body section[class*="dcac-"][class*="-hero"] h1 span {
  display: block;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

@media (max-width: 767px) {
  body section[class*="dcac-"][class*="-hero"] h1 {
    line-height: 1.1 !important;
  }
}

/* ==========================================================
   Same fix for h1/h2/h3 in ALL custom code-module sections
   (e.g. .dcac-tour-combined-heading h2 on /dcac-2026-on-tour/)
   Scoped to Divi Code modules so Divi builder headings are
   untouched.
   ========================================================== */
body .et_pb_code_inner [class*="dcac-"] h1,
body .et_pb_code_inner [class*="dcac-"] h2,
body .et_pb_code_inner [class*="dcac-"] h3 {
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  overflow-wrap: break-word;
}

body .et_pb_code_inner [class*="dcac-"] h1 span,
body .et_pb_code_inner [class*="dcac-"] h2 span,
body .et_pb_code_inner [class*="dcac-"] h3 span {
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}