/* .navbar-vertical-collapsed .navbar-vertical .navbar-vertical-footer {
    position: sticky !important;
    bottom: 0;
    z-index: 1050;
    background: inherit;
}
*/

.test{
    border: solid rgb(47, 255, 0) 2px;
}

/* Phoenix theme hides Leaflet attribution by default; restore it to comply with OSM/CARTO licence terms */
.leaflet-control-attribution {
    display: block !important;
}

.rom-meny{
    height: fit-content;
    position: sticky;
    top: 5rem;
}
/* PURE css solution for rotating carets based on expanded section */
.expand_caret {
    transform: scale(1.3);
    margin-left: 8px;
    /* margin-top: -4px; */
}
a[aria-expanded='false'] > .expand_caret {
    transform: scale(1.3) rotate(-90deg);
}


@page {
    size: A4;
    margin: 0;
}

@page :first {}

section {
    page-break-before: always;
}

.print-container {
    width: 210mm;
    height: 297mm;
    padding: 0mm;
    margin: 0 auto;
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.article-body img{
    max-width: 100%;
    height: auto;
}

@media print {
    html, body {
            width: 210mm;
            height: 297mm;
        }
    .navbar,
    footer {
        display: none;
    }

    p {
        font-size: 11pt;
    }

    h1 {
        color: #fe0c0c;
        background: none;
    }

    @page {
        size: A4;
        /* DIN A4 standard, Europe */
        margin: 0;
    }

    .img {
        max-width: 100% !important;
    }

    section {
        page-break-before: always;
    }
}

/* =============================================
   Mobile slide-in report navigation panel
   ============================================= */

@media (max-width: 991.98px) {
    /* Prevent the vertical nav from taking full screen width on mobile */
    .navbar-vertical {
        width: 280px !important;
    }

    /* Hide the Phoenix "Minimèr" desktop-only footer button */
    .navbar-vertical .navbar-vertical-footer {
        display: none !important;
    }
}

/* Backdrop overlay behind the open panel */
.rapport-nav-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1019;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.rapport-nav-backdrop.show {
    visibility: visible;
    opacity: 1;
}

/* Swiper-based fullscreen lightbox (replaces bs5-lightbox)
   Triggered by any <a data-toggle="lightbox">. Supports pinch-to-zoom on
   touch devices via Swiper's Zoom module (double-tap also toggles zoom). */
.swiper-lightbox-modal .modal-content {
    background: rgba(0, 0, 0, 0.95);
}

.swiper-lightbox {
    height: 100vh;
}

.swiper-lightbox .swiper-zoom-container {
    width: 100%;
    height: 100%;
}

.swiper-lightbox .swiper-zoom-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-lightbox-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.5rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
    pointer-events: none;
    z-index: 2;
}

.swiper-lightbox .swiper-button-prev,
.swiper-lightbox .swiper-button-next {
    color: #fff;
}

.swiper-lightbox .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.swiper-lightbox .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-lightbox-modal .btn-close {
    z-index: 3;
    opacity: 0.9;
}