/* Pano3D Pro — Frontend
   Styles taken directly from the original pano3d-pro.uiinitiative.com CSS */

/* The panorama class added by Swiper — must be overflow:visible */
.swiper-panorama {
    overflow: visible;
}

/* Full-width breakout from WordPress content column */
.pano3d-pro {
    width: 100vw;
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
    margin-left: calc(-50vw + 50%);
}

/* Prevent body horizontal scroll caused by slides extending beyond viewport */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Swiper container — height set dynamically via JS */
.pano3d-pro .swiper {
    width: 100%;
    overflow: visible !important;
}

/* Slide images — exact from original */
.pano3d-pro .slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    display: block;
}

/* When opacity is disabled via admin, force full opacity on all slides */
.pano3d-pro.p3dpro-no-opacity .swiper-slide,
.pano3d-pro.p3dpro-no-opacity .swiper-slide-visible,
.pano3d-pro.p3dpro-no-opacity .swiper-slide-active {
    opacity: 1 !important;
}

/* Pagination — exact from original */
.pano3d-pro .swiper-pagination {
    bottom: -10px;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-color: #fff;
}

/* Fix WordPress theme overflow:hidden on common content wrappers */
.entry-content,
.post-content,
.page-content,
.article-content,
.wp-block-post-content,
.site-main,
.main-content {
    overflow: visible !important;
}