/* =========================================================
   HEADINGS ONLY – Final Enforcer (load last)
   Uses your exact clamp sizes; no variables required.
   ========================================================= */

/* Desktop (default) */
h1{ font-size: clamp(2rem, 2vw, 2.1rem) !important; }
h2{ font-size: clamp(1.5rem, 3vw, 1.6rem) !important; }
h3{ font-size: clamp(1.25rem, 3.5vw, 1.35rem) !important; }
h4{ font-size: clamp(1.125rem, 3vw, 1.225rem) !important; }
h5{ font-size: clamp(1rem, 2.5vw, 1.1rem) !important; }
h6{ font-size: clamp(0.875rem, 2vw, 0.975rem) !important; }

/* Tablet (≤ 1024px) */
@media (max-width: 1024px){
  h1{ font-size: clamp(1.9rem, 2vw, 2rem) !important; }
  h2{ font-size: clamp(1.4rem, 3vw, 1.5rem) !important; }
  h3{ font-size: clamp(1.15rem, 3.5vw, 1.25rem) !important; }
  h4{ font-size: clamp(1.025rem, 3vw, 1.125rem) !important; }
  h5{ font-size: clamp(0.9rem, 2.5vw, 1rem) !important; }
  h6{ font-size: clamp(0.775rem, 2vw, 0.875rem) !important; }
}

/* =========================================================
   HEADINGS ONLY – Final Enforcer (phone only)
   Purpose: beat Divi Customizer/Presets & module-level values on phones
   Load AFTER everything else (priority 99–120) as a stylesheet file
   ========================================================= */

@media (max-width: 767px){

  /* H1 */
  h1,
  .et_pb_text h1,
  .et_pb_fullwidth_header .header-content h1,
  .et_pb_fullwidth_header .et_pb_module_header,
  .et_pb_post h1.entry-title,
  .et_pb_slider .et_pb_slide_description h1,
  .et_pb_fullwidth_slider .et_pb_slide_description h1 {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
  }

  /* H2 */
  h2,
  .et_pb_text h2,
  .et_pb_fullwidth_header .header-content h2,
  .et_pb_slider .et_pb_slide_description h2,
  .et_pb_fullwidth_slider .et_pb_slide_description h2 {
    font-size: 1.16rem !important;
    line-height: 1.25 !important;
  }

  /* H3–H6 (optional – keep proportional) */
  h3, .et_pb_text h3 { font-size: 1.1rem !important; line-height: 1.25 !important; }
  h4, .et_pb_text h4 { font-size: 1.0rem !important; line-height: 1.3  !important; }
  h5, .et_pb_text h5 { font-size: 0.95rem !important; line-height: 1.35 !important; }
  h6, .et_pb_text h6 { font-size: 0.9rem  !important; line-height: 1.4  !important; }

  /* If you use .heading-accent wrappers directly on the tag */
  h1.heading-accent { font-size: 1.35rem !important; }
  h2.heading-accent { font-size: 1.20rem !important; }
}

/* Optional quick sanity check (comment out once confirmed):
@media (max-width: 767px){
  h1 { outline: 1px dashed red !important; }
}
*/