/*
 * Wood EPI Landing Page — Full-width override
 * Strips the theme's content-width cap when [wood_epi_landing] is on the page.
 *
 * Two-layer approach:
 *  1. :has() rule  — removes max-width / padding from .container and
 *                    .main-content when they wrap .wepi-wrap (modern browsers).
 *  2. Full-bleed   — pulls .wepi-wrap to viewport edges using the
 *                    left + negative-margin trick (works in all browsers,
 *                    regardless of the theme's wrapper class name).
 */

/* ── Layer 1: kill the theme container's width cap ── */
.container:has(.wepi-wrap),
.main-content:has(.wepi-wrap) {
  max-width:     100% !important;
  width:         100% !important;
  padding-left:  0    !important;
  padding-right: 0    !important;
}

/* ── Layer 2: full-bleed fallback ── */
.wepi-wrap {
  width:        100vw;
  position:     relative;
  left:         50%;
  margin-left: -50vw;
}