/* =========================================================
   1. FULL-WIDTH & SCROLL LOCK OVERRIDE (For Standalone Iframe)
   ========================================================= */

/* Lock the outer Joomla window to the exact screen size and kill its scrollbar */
html:has(iframe.wrapper),
body:has(iframe.wrapper) {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* Force the iframe to fill the screen right below the 90px header, and handle all scrolling */
body:has(iframe.wrapper) iframe.wrapper,
body:has(iframe.wrapper) .mod-wrapper.wrapper {
    position: fixed !important;
    top: 90px !important; /* Starts exactly under your header */
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 90px) !important; /* Fills exact remaining screen space */
    border: none !important;
    overflow-y: auto !important; /* Single, clean scrollbar inside the iframe */
    overflow-x: hidden !important;
    z-index: 10;
}

/* Reset all Joomla container restrictions to stretch edge-to-edge */
body:has(iframe.wrapper) #t4-main-body,
body:has(iframe.wrapper) .t4-wrapper,
body:has(iframe.wrapper) #t4-main-body .t4-section-inner.container,
body:has(iframe.wrapper) .com-content-article.item-page .container,
body:has(iframe.wrapper) .item-page.layout-1 .top-article-info,
body:has(iframe.wrapper) .com-content-article .article-body,
body:has(iframe.wrapper) .com-content-article .desc-article {
    max-width: 100% !important;
    width: 100% !important;
    height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Eliminate Bootstrap grid constraints */
body:has(iframe.wrapper) #t4-main-body .t4-col.col-md,
body:has(iframe.wrapper) #t4-main-body .t4-row.row {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Hide Joomla page titles and empty footers to prevent layout ghosting */
body:has(iframe.wrapper) .page-header,
body:has(iframe.wrapper) #t4-footnav,
body:has(iframe.wrapper) #t4-footer {
    display: none !important; 
}


/* =========================================================
   MENU OVERLAP FIX (Forces Header on Top & Pushes Iframe Down)
   ========================================================= */

/* 1. FORCE THE JOOMLA MENU TO THE ABSOLUTE FRONT */
#t4-header, 
body:has(iframe.wrapper) #t4-header {
    z-index: 99999 !important; /* Maximum priority stack level */
    position: relative !important; 
    /* Use position: absolute !important; here ONLY if you want the menu floating over the iframe like glass */
}

/* 2. POSITION THE IFRAME SAFELY UNDERNEATH THE MENU */
body:has(iframe.wrapper) iframe.wrapper,
body:has(iframe.wrapper) .mod-wrapper.wrapper {
    position: fixed !important;
    top: 90px !important; /* Matches your header's height */
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 90px) !important; /* Fills remaining space */
    z-index: 10 !important; /* Safely tucked behind the 99999 header */
}