/* ================================
   SIMPLE VIRTUAL TOUR – FRONTEND
================================ */

/* Force viewer to have height */

.svt-viewer,
.svt-viewer > div,
.pnlm-container {
    width: 100%;
    height: 500px;
    min-height: 500px;
    position: relative;
}


/* Elementor compatibility */
.elementor .svt-viewer {
    height: 500px !important;
}

/* Prevent collapse inside flex/grid */
.svt-wrapper {
    width: 100%;
    display: block;
}



/* === SVT FRONTEND FIX === */

.svt-frontend-viewer {
    width: 100%;
    height: 70vh;            /* ← KEY FIX */
    min-height: 400px;
    background: #000;
    border-radius: 16px;
}

/* Elementor compatibility */
.elementor-widget-container .svt-frontend-viewer {
    height: 70vh;
    min-height: 400px;
}

.svt-wrapper {
    width: 100%;
}


.svt-thumbnails {
    display: flex;
    gap: 10px;
    padding: 12px 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.svt-thumb {
    height: 70px;
    width: auto;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.6;
    border: 3px solid transparent;
    transition: all 0.25s ease;
}

.svt-thumb:hover {
    opacity: 1;
}

.svt-thumb.active {
    opacity: 1;
    border-color: #2ea3f2;
}

.svt-viewer {
    width: 100%;
    height: 500px;
    background: #000;
    border-radius: 14px;
    /* ❌ overflow: hidden; REMOVE THIS */
}


.svt-thumbnails {
    display: flex;
    gap: 10px;
    padding: 12px;
    margin-top: 10px;
    overflow-x: auto;
    background: rgba(15,15,15,0.65);
    backdrop-filter: blur(10px);
    border-radius: 14px;
}

.svt-thumb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.7;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.svt-thumb.active {
    opacity: 1;
    border-color: #00c2ff;
    box-shadow: 0 0 0 3px rgba(0,194,255,0.35);
}

.svt-thumb:hover {
    opacity: 1;
    transform: scale(1.08);
}