/**
 * PORTA-17137: Webshop connection content element styles for Kundenportal.
 * Constrains the Luna Angular app to fit within the kupo modal container.
 * Does NOT style the overlay/modal itself — only the content element inside.
 *
 * The Angular app (styles.css) injects Bootstrap 5 rules globally
 * via ViewEncapsulation.None that break the kupo Bootstrap 3 page and modal:
 *   html,body { height:100vh; width:100vw }
 *   .modal { position:fixed; width:100%; height:100% }
 *   .modal-backdrop { width:100vw; height:100vh }
 * The rules below counteract that pollution.
 */

/* Counteract: html,body { height:100vh; width:100vw } */
html {
    height: auto !important;
    width: auto !important;
}

body {
    height: auto !important;
    width: auto !important;
}

/* Counteract: Bootstrap 5 .modal overrides on kupo Bootstrap 3 .modal */
.modal.fade {
    width: auto !important;
    height: auto !important;
}

/* Constrain Luna app host element within its parent container */
luna-apps-root {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Prevent shared.css global font-weight pollution from Luna app */
luna-apps-root ~ * a,
luna-apps-root ~ * .mn-link {
    font-weight: inherit;
}

/* Constrain Luna .w-full sections to kupo container instead of viewport-width */
luna-apps-root .w-full {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}