/* Only remove scrollbars for Folium map cards, not for all dashboard cards */
.no-scrollbar,
.no-scrollbar .card-body,
.no-scrollbar .cell-output,
.no-scrollbar .html-fill-container,
.no-scrollbar .folium-map,
.no-scrollbar iframe,
.bslib-card[data-full-screen="true"] .card-body,
.bslib-card[data-full-screen="true"] .html-fill-container,
.bslib-card[data-full-screen="true"] .folium-map,
.bslib-card[data-full-screen="true"] iframe {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Keep expanded full-screen cards within the viewport */
.bslib-card[data-full-screen="true"] {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    height: calc(100vh - 4.5rem) !important;
    max-height: calc(100vh - 4.5rem) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.bslib-card[data-full-screen="true"] .card-body,
.bslib-card[data-full-screen="true"] .html-fill-container {
    min-height: 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Override the inline aspect-ratio wrapper only in full-screen mode so the map fits the available card space */
.bslib-card[data-full-screen="true"] .cell-output .html-fill-container[style*="padding-bottom"] {
    height: 100% !important;
    padding-bottom: 0 !important;
}

.bslib-card[data-full-screen="true"] iframe {
    max-width: 100% !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
}