/* ==========================================================================
   PCRS × Divi — RESET layer.  Loads AFTER Divi, BEFORE pcrs-design.css.

   The problem
   -----------
   Divi ships element-level rules, notably
       h1,h2,h3,h4,h5,h6 { color:#333; padding-bottom:10px;
                           line-height:1em; font-weight:500 }
       p { padding-bottom: 1em }
   The mockups colour their headings through the band they sit in, i.e. by
   INHERITANCE. An inherited value always loses to a direct rule on the
   element, whichever stylesheet loads last — which is why the dark hero first
   rendered near-black text on a near-black photo.

   Why :where()
   ------------
   The obvious fix, `.ccmm-sec h1 { color: inherit }`, scores (0,1,1) and so
   out-ranks not just Divi but the MOCKUPS' own type scale, which is written
   with bare element selectors (`h1 { font-size: … }`). That is exactly what
   happened on the first attempt: every heading collapsed to 16px and the
   logo grew to 200px tall.

   `:where()` contributes ZERO specificity, so `:where(.ccmm-sec) h1` scores
   (0,0,1) — identical to Divi's bare `h1`. Load order then decides, and the
   order is: Divi -> this file -> the mockups. So this file beats Divi, and
   the mockups beat this file. Scoping without specificity inflation.

   Only cancel declarations Divi imposes that the mockups do NOT restate at
   element level. The mockups already define font-family, font-size,
   font-weight, line-height, margin and text-transform for h1–h4, so those
   need no help here — adding them would only re-create the bug above.

   Written flat rather than with CSS nesting: nesting is recent enough that
   an older visitor browser would silently drop the whole block.
   ========================================================================== */

/* Divi: color:#333 (the mockups inherit from the band)
   Divi: padding-bottom:10px (the mockups use margin for rhythm) */
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h1,
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h2,
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h3,
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h4,
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h5,
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) h6 {
	color: inherit;
	padding-bottom: 0;
}

/* Divi also gives h5/h6 font-weight:500 and line-height:1em, which the
   mockups' own h1–h4 rule does not cover. */
:where(.ccmm-sec, .ccmm-footer, .ccmm-form-card, .tier2-main, .tier2-sidebar) h5,
:where(.ccmm-sec, .ccmm-footer, .ccmm-form-card, .tier2-main, .tier2-sidebar) h6 {
	font-weight: inherit;
	line-height: inherit;
}

/* Divi: p { padding-bottom: 1em } — the mockups space paragraphs with margin. */
:where(.ccmm-sec, .ccmm-topbar, .ccmm-header, .ccmm-footer, .ccmm-form-card,
       .ccmm-phone-strip, .tier2-main, .tier2-sidebar, .tier2-topbar) p {
	padding-bottom: 0;
}

/* Divi re-adds list markers and indentation inside post content. */
:where(.ccmm-sec, .ccmm-footer, .tier2-main, .tier2-sidebar) ul,
:where(.ccmm-sec, .ccmm-footer, .tier2-main, .tier2-sidebar) ol {
	list-style: none;
}

/* Divi's `img { vertical-align: middle }` leaves a baseline gap under
   full-bleed hero media. Deliberately no height/width rule here: the mockups'
   `.ccmm-logo img { height: 52px }` must survive untouched. */
:where(.ccmm-hero-media, .ccmm-photo-band) img { display: block; }