/* Aspert static-site custom overrides
 * Loaded last in <head> so it wins specificity ties against plugin CSS.
 */

/* Stop oversized ElementsKit decorative shadow-text from pushing the
 * document past the viewport on small screens. */
.ekit-heading__shadow-text {
    max-width: 100%;
    overflow: hidden;
}

/* Safety net for any other absolutely-positioned widget that might
 * spill past the viewport on narrow screens. */
html, body {
    overflow-x: hidden;
}

/* CSS-only replacement for Elementor's stretched-section JS handler.
 * The webpack chunk that normally applies inline width/margin to
 * `.elementor-section-stretched` is missing on the static export,
 * so sections render at the boxed 1200px instead of stretching to
 * the viewport. This mimics the JS behaviour with calc(). */
.elementor-section.elementor-section-stretched,
section.elementor-section.elementor-section-stretched {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
