/*
 * Full-bleed for the WUME custom widgets — identical in the Elementor editor
 * and on the live page. Scoped to pages tagged `.wume-elementor-page` (added
 * by the theme when a page uses WUME widgets), so it never affects other sites
 * or other Elementor content.
 */

/* 1. Let Elementor's boxed section container go full width on WUME pages, so
      the WUME sections (which are width:100% with their own inner .wume-x
      container) fill the whole viewport. Overrides Elementor's own
      `.elementor-section-boxed > .elementor-container { max-width:1140px }`. */
.wume-elementor-page .elementor-section.elementor-section-boxed > .elementor-container,
.wume-elementor-page .e-con-boxed > .e-con-inner {
    max-width: none !important;
}

/* 2. Strip Elementor's section / column / widget padding so the WUME sections
      reach the edges and control their own spacing. */
.wume-elementor-page .elementor-section,
.wume-elementor-page .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-widget-wume_hero > .elementor-widget-container,
.elementor-widget-wume_feature > .elementor-widget-container,
.elementor-widget-wume_cta > .elementor-widget-container {
    padding: 0 !important;
}

/* 3. Elementor columns are flexbox; a widget is a flex item defaulting to
      min-width:auto (its content size). The hero's scrolling band is
      width:max-content and would otherwise stretch the widget past the
      viewport. Force the flex item to shrink to the column; the band's own
      overflow:hidden then clips the marquee as designed. */
.elementor-widget-wume_hero,
.elementor-widget-wume_feature,
.elementor-widget-wume_cta {
    min-width: 0;
    /* override Elementor "Stretch Section" inline width (e.g. 120.357%) that
       otherwise pushes the widget past the viewport */
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.elementor-widget-wume_hero .wume-hero-final,
.elementor-widget-wume_feature .wume-section,
.elementor-widget-wume_cta .wume-cta-final {
    width: 100%;
}

/* Hard-cap the hero so the max-content scrolling band can never widen it past
   the column; the band's overflow:hidden then clips the marquee. */
.elementor-widget-wume_hero > .elementor-widget-container,
.elementor-widget-wume_hero .wume-hero-final {
    max-width: 100%;
    overflow: hidden;
}

/* WUME card grid (generic cards widget) */
.wume-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 900px) { .wume-card-grid { grid-template-columns: 1fr; } }
.wume-card-item { display: block; text-decoration: none; color: inherit; }
.wume-card-item-img { aspect-ratio: 4 / 5; overflow: hidden; background: var(--wume-stone, #ece8e1); margin-bottom: 16px; }
.wume-card-item-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wume-card-item-title { font-size: 1.25rem; margin: 0 0 6px; }
.wume-card-item-text { opacity: .8; margin: 0; }