/*
 * Light-DOM host integration.
 *
 * Elementor changes nested flex containers to wrapping columns below 768px.
 * A wrapping column can retain a taller intrinsic size than the shadow host,
 * leaving blank space below the rendered Orego widget. The mount script marks
 * only the Elementor section that contains this shortcode.
 */
@media (max-width: 767px) {
    .e-con.orego-v1-elementor-host,
    .e-con.orego-v1-elementor-host > .e-con-inner {
        --flex-wrap: nowrap !important;
        --flex-wrap-mobile: nowrap !important;
        flex-wrap: nowrap !important;
    }
}

/*
 * Elementor's own widget wrapper around the shortcode (`.elementor-widget-
 * shortcode`) is light DOM, so any theme or optimiser CSS that targets that
 * class reaches it too — most commonly a broad `transition: all` plus a
 * flex `margin-top: auto`. Neither is aware of the shadow-rendered content
 * inside, so the wrapper can settle at a taller height than the widget
 * actually needs, leaving blank space before the next section. shadow-
 * mount.js pins the wrapper's real height with !important inline styles
 * once mounted; these rules give the same result on first paint, before
 * that script runs, and as a fallback if it doesn't run at all.
 */
.elementor-widget-shortcode:has(> .elementor-widget-container > .oregoai-mount) {
    transition: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}