/* Indeloop Widgets — plugin-side styles
   Most of the design lives in the theme's main.css. This file contains
   only Elementor-specific overrides — every Indeloop widget already
   renders its own <section class="section"> + .container, so Elementor's
   default boxed container must be removed for them. */

/* Reset wrappers around every Indeloop widget so the widget's own section
   spans the full screen width with no padding. */
.elementor-widget[class*="elementor-widget-indeloop-"] > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* Stretch the Elementor section that contains an Indeloop widget to full width */
.elementor-section.elementor-element:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget[class*="elementor-widget-indeloop-"]) {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Force the section's inner container, column and column wrap to span full width */
.elementor-section.elementor-element:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget[class*="elementor-widget-indeloop-"]) > .elementor-container,
.elementor-section.elementor-element:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget[class*="elementor-widget-indeloop-"]) > .elementor-container > .elementor-column,
.elementor-section.elementor-element:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget[class*="elementor-widget-indeloop-"]) > .elementor-container > .elementor-column > .elementor-widget-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fallback for browsers without :has() support — apply a helper class via JS */
.elementor-section.indeloop-fullwidth-section,
.elementor-section.indeloop-fullwidth-section > .elementor-container,
.elementor-section.indeloop-fullwidth-section > .elementor-container > .elementor-column,
.elementor-section.indeloop-fullwidth-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
.elementor-section.indeloop-fullwidth-section {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Inside Elementor editor preview — keep widgets readable even though
   the editor adds its own wrappers */
body.elementor-editor-active .elementor-section.indeloop-fullwidth-section {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Feature List — force visible icon size (overrides any stale Elementor inline CSS) */
.elementor-widget-indeloop-feature-list .feat-list,
.indeloop-fullwidth-section .feat-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 48px !important;
    margin-top: 56px !important;
}
.elementor-widget-indeloop-feature-list .feat-item,
.indeloop-fullwidth-section .feat-item {
    display: flex !important;
    gap: 26px !important;
    align-items: flex-start !important;
}
.elementor-widget-indeloop-feature-list .feat-item .ico,
.indeloop-fullwidth-section .feat-item .ico {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    background: rgba(200,255,0,.08) !important;
    border: 1px solid rgba(200,255,0,.22) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.elementor-widget-indeloop-feature-list .feat-item .ico svg,
.indeloop-fullwidth-section .feat-item .ico svg {
    width: 44px !important;
    height: 44px !important;
    stroke: var(--accent) !important;
    fill: none !important;
    stroke-width: 1.5 !important;
}