/**
 * @file
 * Footer region overrides - parent Olivero theme adjustments
 */

/* ============================================================================
   Footer Container Spacing
   ========================================================================== */

/**
 * Reduce footer inner padding.
 *
 * Original (layout-footer.pcss.css):
 *   padding-block: var(--sp2); // 36px
 *   @media (--nav): var(--sp4) var(--sp13); // 72px top, 234px bottom
 */
.site-footer__inner {
  padding-block: var(--sp0-5); /* 9px */
}

/* ============================================================================
   Footer Region Margins
   ========================================================================== */

/**
 * Remove excessive margins on footer region wrappers.
 *
 * Original (region.pcss.css):
 *   .region > * { margin-block-end: var(--sp) to var(--sp3); } // 18px to 54px
 */
.site-footer .region > * {
  margin-block-end: 0;
}

/**
 * Remove margins from footer top and bottom regions.
 *
 * Original (region.pcss.css):
 *   Inherited margin-block-end from .region base styles
 */
.region--footer_top,
.region--footer_bottom {
  margin-block-end: 0;
}

/**
 * Remove margins from footer region inner wrappers and their children.
 *
 * Original (layout-footer.pcss.css):
 *   margin-block-end: var(--sp2); // 36px
 */
.region--footer_top__inner > *,
.region--footer_bottom__inner > * {
  margin-block-end: 0;
}

/* ============================================================================
   Footer Grid and Gap
   ========================================================================== */

/**
 * Remove grid column gap in footer regions.
 *
 * Original (grid.pcss.css):
 *   grid-column-gap: var(--sp); // 18px
 */
.site-footer .region {
  gap: 0;
}

/* ============================================================================
   Footer Block Styling
   ========================================================================== */

/**
 * Reduce block title bottom margin.
 *
 * Original (block.pcss.css):
 *   margin-block: 0 var(--sp); // 0 18px
 */
.site-footer .block__title {
  margin-block: 0 var(--sp0-25); /* 0 4.5px */
}

/**
 * Remove field margins in footer blocks.
 *
 * Original (layout-field.pcss.css):
 *   .block-layout-builder:not(:last-child) .field { margin-block-end: var(--sp2); } // 36px
 */
.site-footer .field {
  margin-block: 0;
}

/**
 * Tighten line-height for footer text content.
 *
 * Original (text-content.pcss.css):
 *   line-height: var(--sp2); // 36px (inherited)
 */
.site-footer {
  line-height: 1.2;
}

/* ============================================================================
   Page Wrapper Width
   ========================================================================== */

/**
 * Remove max-width constraint from page wrapper.
 *
 * Original (layout.pcss.css):
 *   max-width: var(--max-bg-color); // 98.125rem
 *
 * Issue: Variable name suggests background color, not width. Creates unwanted
 * white space on right side of page. Commented out in parent theme but still
 * affects layout. Removing to allow full viewport width.
 */
.page-wrapper {
  max-width: 100%;
}

/**
 * Reduce main content container top padding.
 *
 * Original (layout.pcss.css):
 *   padding-block-start: var(--sp3); // 54px
 *   @media (--md): var(--sp5); // 90px
 */
.main-content__container {
  padding-block-start: var(--sp1); /* 18px */

  @media (--md) {
    padding-block-start: var(--sp1); /* 18px */
  }
}

/**
 * Reduce container padding-inline (left/right).
 *
 * Original (layout.css?tdjgiw2:13):
 *   .container {
 *     padding-inline: var(--container-padding); // 36px
 *   }
 */
.container {
  padding-inline: var(--sp0-5); /* 9px */
}

/**
 * Page Content Layout Stabilization
 * Target: Main content container expansion for high-res displays.
 * Breakpoint: 75rem (1200px) and above.
 */
@media (min-width: 75rem) {
  .main-content__container.container {
    /* Override Olivero's default 1350px/84.375rem cap */
    max-inline-size: 1800px !important;
    /* Ensure it scales up to the max-inline-size while remaining centered */
    inline-size: 95% !important;
  }
}