/* ==========================================================
   WordPress + Elementor fixes for the DoveHills design.
   Elementor wraps our HTML in containers that add max-width,
   padding and gaps. These rules remove them so styles.css
   controls the layout exactly as in the static site.
   ========================================================== */
body.dh-site .elementor .e-con,
body.dh-site .elementor .e-con-inner,
body.dh-site .elementor .elementor-widget-html,
body.dh-site .elementor .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  gap: 0 !important;
  --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0;
  --gap: 0; --row-gap: 0; --column-gap: 0;
}
/* keep the fixed header below the WordPress admin bar when logged in */
body.dh-site.admin-bar .header { top: 32px; }
@media (max-width: 782px) { body.dh-site.admin-bar .header { top: 46px; } }

/* ----------------------------------------------------------
   Normal WordPress pages (Privacy Policy, 404 ...):
   hide Hello Elementor's own header/footer (layout.js adds ours)
   and give the text a readable column below the fixed header.
   ---------------------------------------------------------- */
body.dh-site #site-header,
body.dh-site #site-footer { display: none !important; }
body.dh-site .site-main {
  max-width: 820px;
  margin: 0 auto;
  padding: calc(var(--header-h, 80px) + 64px) 20px 80px;
}
body.dh-site .site-main .entry-title { margin-bottom: 24px; }
body.dh-site .site-main h2 { margin: 40px 0 12px; font-size: 1.5rem; }
body.dh-site .site-main p { margin: 0 0 14px; }