/* Port corrections — loads after 10-wp.css (the ported cascade). Each rule here
 * stands in for something Divi's or WordPress's JavaScript did on live, or is a
 * declared difference. Values measured on live with Chrome at 1440 and 390
 * (audit/capture-live.mjs); see the brief for the parity notes.
 */

/* Inline styles Divi's JS wrote win over every rule; !important stands in for them.
 *
 * Divi's JS: #page-container padding-top = header height at load. Live sets 14px on
 * desktop (the header's data-height-onload) and 71px at ≤980px; the content sits
 * under the fixed header by that difference on desktop, as it does on live. */
:where(html:has([data-mc-chrome])) div:where(.mc-body).et_fixed_nav #page-container { padding-top: 14px !important; }
@media only screen and (max-width: 980px) {
  :where(html:has([data-mc-chrome])) div:where(.mc-body).et_fixed_nav #page-container { padding-top: 71px !important; }
}

/* Divi's JS: #et-top-navigation padding-left = logo width + 30px (246 desktop, 170 mobile). */
:where(html:has([data-mc-chrome])) #et-top-navigation { padding-left: 246px !important; }
@media only screen and (max-width: 980px) {
  :where(html:has([data-mc-chrome])) #et-top-navigation { padding-left: 170px !important; }
}

/* Divi's JS: once the header turns fixed (et-fixed-header, on scroll) it adds
 * margin-top: 29px to #page-container on desktop; phones keep 0 (measured on live). */
@media only screen and (min-width: 981px) {
  :where(html:has([data-mc-chrome])) #page-container:has(> #main-header.et-fixed-header) { margin-top: 29px !important; }
}

/* Improvement over live (Bo, 2026-10-07): the home-page service icons sit in a round
 * 100px frame, but Divi also rounded the icon images themselves (border-radius 50%),
 * which cropped the two people in "Personal Discipleship" (and the globe's pin). The
 * frame already makes the circle; the images keep their square corners. */
:where(html:has([data-mc-chrome])) .training_icon .et_pb_main_blurb_image img { border-radius: 0 !important; }