/* WAGON INTERIOR EXIT HOTSPOT */

/* Remove Pannellum's default info-icon artwork */
.pnlm-hotspot.pnlm-info {
    background-image: none !important;
    background: rgba(255, 218, 110, 0.10) !important;

    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;

    border: 1px solid rgba(255, 235, 170, 0.28) !important;

    box-shadow:
        0 0 8px rgba(255, 225, 135, 0.75),
        0 0 18px rgba(255, 205, 85, 0.65),
        0 0 34px rgba(255, 190, 60, 0.42) !important;

    transition:
        box-shadow 0.35s ease,
        background 0.35s ease,
        transform 0.35s ease !important;
}

/* Stronger magical glow on hover */
.pnlm-hotspot.pnlm-info:hover {
    background: rgba(255, 235, 170, 0.20) !important;

    box-shadow:
        0 0 10px rgba(255, 245, 200, 0.95),
        0 0 24px rgba(255, 220, 110, 0.90),
        0 0 48px rgba(255, 185, 55, 0.70),
        0 0 70px rgba(255, 175, 40, 0.35) !important;
}
/* Gentle magical pulse */
.pnlm-hotspot.pnlm-info {
    animation: wagonGlow 2.2s ease-in-out infinite !important;
}

@keyframes wagonGlow {
    0%, 100% {
        box-shadow:
            0 0 10px rgba(255, 235, 150, 0.85),
            0 0 22px rgba(255, 205, 85, 0.70),
            0 0 42px rgba(255, 180, 45, 0.45);
    }

    50% {
        box-shadow:
            0 0 16px rgba(255, 245, 190, 1),
            0 0 34px rgba(255, 215, 100, 0.95),
            0 0 62px rgba(255, 175, 35, 0.70);
    }
}

.pnlm-hotspot.pnlm-info {
    overflow: visible !important;
}

/* EXPANDED WINDOW AURA */
.pnlm-hotspot.pnlm-info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;

    width: 180px;
    height: 180px;

    transform: translate(-50%, -50%);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 245, 190, 0.75) 0%,
            rgba(255, 215, 110, 0.48) 28%,
            rgba(255, 175, 60, 0.26) 52%,
            rgba(255, 145, 35, 0.10) 70%,
            transparent 82%
        );

    box-shadow:
        0 0 30px rgba(255, 220, 120, 0.70),
        0 0 65px rgba(255, 180, 70, 0.48),
        0 0 110px rgba(255, 150, 40, 0.28);

    pointer-events: none;
   z-index: 1;

    animation: windowAura 2.2s ease-in-out infinite;
}

@keyframes windowAura {
    0%, 100% {
        opacity: 0.65;
        transform: translate(-50%, -50%) scale(0.92);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.12);
    }
}