/* hero-fix.css
 * Novamira Sandbox — Brownstown Dental Care
 * Created: 2026-05-03 (Session 15)
 *
 * Fixes the long-standing hero crop issue and disables CSS parallax site-wide.
 *
 * Why:
 *   Hero sections (et_pb_section_parallax) load their image into a
 *   .et_parallax_bg span, which Divi defaults to:
 *     background-position: top;
 *     background-size: cover;
 *   plus background-attachment: fixed via .et_pb_parallax_css.
 *
 *   Combined with the inner-page hero being much shorter than the homepage
 *   (~500–600px vs full viewport), this clips esteembanner15.jpg to its
 *   topmost slice — producing the awkward hat / face crop visible on
 *   /pediatric-dentistry/ and every other page using this pattern.
 *
 * Fix:
 *   1. Center the focal point (background-position: center center) so a
 *      non-banner image still renders sensibly.
 *   2. Disable parallax (background-attachment: scroll) site-wide. Modern
 *      browsers render fixed-attachment + cover-sized images inconsistently,
 *      especially on mobile where Divi already overrides to scroll. Killing
 *      it for desktop too gives consistent rendering everywhere.
 *
 * Pairs with: ../hero-fix.php (enqueue loader)
 */

.et_pb_section_parallax .et_pb_parallax_css,
.et_pb_section_parallax .et_parallax_bg {
    background-attachment: scroll !important;
    background-position: center center !important;
}

/* Per-image focal-point overrides will be added here when the per-page hero
 * image rollout lands. Example pattern:
 *
 *   .page-id-1088272 .et_pb_section_parallax .et_parallax_bg {
 *       background-position: center 30% !important;
 *   }
 */