/* ==========================================================================
   Heritage Place at Fox Run - layout + component corrections
   Layered after heritage-place.css (linked from the header template part).

   1. FULL-BLEED SECTIONS. theme.json sets settings.layout.contentSize = 1200px
      and the page template renders wp:post-content with an inherited
      (constrained) layout, so the page root group AND the footer template part
      were each capped at 1200px and centred - leaving white gutters beside
      every section background. These wrappers are released to full width; the
      inner .hp-container / .hp-container--wide keep the text column centred at
      its designed width. No viewport-unit breakout hacks are used.

   2. The Framework theme's flow layout adds margin-block-start to adjacent
      siblings inside .is-layout-flow groups, which displaced items inside our
      flex rows. These rules neutralise that for Heritage Place components only.

   3. Every icon is a NATIVE core/image block (media IDs 1366-1377). The wrapper
      keeps the designed box and the image is fitted exactly as the previous
      CSS background-size:contain did, so the rendering is unchanged. No empty
      Group blocks are used anywhere - they render as "Group blocks together"
      placeholders in the editor.

   4. The footer social icons are a NATIVE core/social-links block.

   5. The footer's two decorative rules are NATIVE core/separator blocks, so no
      empty Group placeholder appears in the footer either.
   ========================================================================== */

/* --- 1. full-bleed wrappers --------------------------------------------- */
.wp-site-blocks,
.wp-block-post-content,
.hp-header-part,
.hp-footer-part,
.hp-home,
.hp-footer{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}

/* keep the inner content columns centred at their designed width */
.hp-container,
.hp-container--wide{margin-left:auto !important;margin-right:auto !important}

/* --- 2. sibling margins off inside HP flex rows ------------------------- */
.hp-ic{margin:0 !important;flex:none !important}

.hp-stats>*,
.hp-aging-stats>*,
.hp-amenity-row>*,
.hp-feature>*,
.hp-plan-meta>*,
.hp-contact-list>*,
.hp-citem>*,
.hp-fitem>*,
.hp-social>*,
.hp-header-inner>*,
.hp-nav>*{margin-block-start:0 !important;margin-block-end:0 !important;margin-top:0 !important;margin-bottom:0 !important}

/* --- 3. icons are native Image blocks ----------------------------------- */
.hp-ic{background-image:none !important}
.hp-ic img{display:block;width:100% !important;height:100% !important;object-fit:contain !important}
.hp-ic-round,
.hp-ic-f{display:flex !important;align-items:center !important;justify-content:center !important}
.hp-ic-round img,
.hp-ic-f img{width:16px !important;height:16px !important}

/* --- 4. footer social icons are a native Social Links block ------------- */
.hp-social{gap:14px !important;margin-top:26px !important;align-items:center !important}
.hp-social .wp-block-social-link{width:42px !important;height:42px !important;margin:0 !important;
  border-radius:50% !important;background-color:rgba(93,107,84,.2) !important;
  display:flex !important;align-items:center !important;justify-content:center !important}
.hp-social .wp-block-social-link-anchor{color:#5D6B54 !important;padding:0 !important;
  width:100% !important;height:100% !important;display:flex !important;
  align-items:center !important;justify-content:center !important}
.hp-social .wp-block-social-link-anchor:hover{color:#3D4535 !important}
.hp-social svg{width:20px !important;height:20px !important;fill:currentColor !important}

/* --- 5. footer rules are native Separator blocks ------------------------ */
/* core gives hr.wp-block-separator a 100px width, a 2px bottom border and
   auto margins - neutralise all three so the designed rules render exactly
   as the previous empty-group divs did. */
.hp-footer .hp-foot-rule,
.hp-footer-divider{border:none !important;width:100% !important;max-width:none !important;
  margin:0 !important;box-sizing:border-box !important;opacity:1 !important}
.hp-footer .hp-foot-rule{height:15px !important;min-height:15px !important;
  background-color:#5D6B54 !important}
.hp-footer-divider{height:0 !important;min-height:1px !important;background-color:transparent !important;
  border-top:1px solid rgba(93,107,84,.25) !important}

/* --- 6. aging-in-place stat row ----------------------------------------- */
/* Section 2's reset list was missing .hp-aging-stats, so the theme's flow
   layout added a 24px margin-block-start to the 2nd and 3rd stat cells: they
   sat 24px below the first and their left borders started 24px lower, so the
   three number columns had visibly different heights. Adding the row to the
   list gives all three cells one top edge and one height, so the number/label
   pairs and the dividers line up exactly. */
.hp-aging-stats{align-items:stretch !important}
.hp-aging-stats>.wp-block-group{display:flex;flex-direction:column;justify-content:flex-start}