/* ============================================
   LUMI EVENTS — Elementor Overrides
   Fixes container widths, gaps, and conflicts
   ============================================ */

/* ── FLEXBOX CONTAINERS (Elementor 3.x+) ── */
.e-con:has(.elementor-widget-lumi_hero),
.e-con:has(.elementor-widget-lumi_cta_banner),
.e-con:has(.elementor-widget-lumi_stats),
.e-con:has(.elementor-widget-lumi_page_header) {
    --container-max-width: 100% !important;
    --content-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}
.e-con:has(.elementor-widget-lumi_hero) > .e-con-inner,
.e-con:has(.elementor-widget-lumi_cta_banner) > .e-con-inner,
.e-con:has(.elementor-widget-lumi_stats) > .e-con-inner,
.e-con:has(.elementor-widget-lumi_page_header) > .e-con-inner {
    max-width: 100% !important;
    padding: 0 !important;
}

/* ── CLASSIC SECTIONS (legacy) ── */
.elementor-section:has(.elementor-widget-lumi_hero) > .elementor-container,
.elementor-section:has(.elementor-widget-lumi_cta_banner) > .elementor-container,
.elementor-section:has(.elementor-widget-lumi_stats) > .elementor-container,
.elementor-section:has(.elementor-widget-lumi_page_header) > .elementor-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* ── REMOVE TOP GAP ── */
.elementor-section:has(.elementor-widget-lumi_hero),
.e-con:has(.elementor-widget-lumi_hero) {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── HIDE DEFAULT PAGE TITLE ── */
.page-header, h1.entry-title,
.elementor-page-title { display: none !important; }

/* ── SVG ICON SIZING ── */
.elementor-widget[data-widget_type^="lumi_"] svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block;
    vertical-align: middle;
}