/* =========================================================
   LR SOOMI SKIN TEST v2.3.1
   UI Elementor Native
   ========================================================= */

/* Stato nascosto */
.lr-soomi-skin-test-v2 .lr-skin-is-hidden {
    display: none !important;
}

/* Risposta selezionata */
.lr-soomi-skin-test-v2
.lr-skin-answer-v2.lr-skin-selected
.elementor-button {
    background-color: #B25532 !important;
    border-color: #B25532 !important;
    color: #FFFAF7 !important;
}

/* Pulsante Avanti disabilitato */
.lr-soomi-skin-test-v2
.lr-skin-action-v2.lr-skin-disabled {
    opacity: 0.45;
    pointer-events: none;
}

/* Focus accessibile */
.lr-soomi-skin-test-v2
.lr-skin-answer-v2
.elementor-button:focus-visible,
.lr-soomi-skin-test-v2
.lr-skin-action-v2
.elementor-button:focus-visible {
    outline: 2px solid #B25532;
    outline-offset: 4px;
}

/* =========================================================
   TRANSIZIONI TRA GLI STEP
   L'audio è volutamente escluso.
   ========================================================= */

.lr-soomi-skin-test-v2 .lr-skin-kicker-v2,
.lr-soomi-skin-test-v2 .lr-skin-title-v2,
.lr-soomi-skin-test-v2 .lr-skin-description-v2,
.lr-soomi-skin-test-v2 .lr-skin-answers-v2,
.lr-soomi-skin-test-v2 .lr-skin-action-v2,
.lr-soomi-skin-test-v2 .lr-skin-result-v2 {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);

    transition:
        opacity 260ms ease,
        filter 260ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);

    will-change: opacity, filter, transform;
}

/* Uscita dello step corrente */
.lr-soomi-skin-test-v2 .lr-skin-transition-out-v2 {
    opacity: 0;
    filter: blur(2px);
    transform: translate3d(0, -6px, 0);
    pointer-events: none;
}

/* Stato iniziale dello step appena renderizzato */
.lr-soomi-skin-test-v2 .lr-skin-transition-in-v2 {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(0, 8px, 0);
    transition: none !important;
}

/* =========================================================
   MEDIA DEL RISULTATO
   ========================================================= */

.lr-soomi-skin-test-v2 .lr-skin-result-media-v2 {
    position: relative;
    overflow: hidden;
}

.lr-soomi-skin-test-v2 .lr-skin-result-video-v2 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    z-index: 0;
}

.lr-soomi-skin-test-v2 .lr-skin-result-cta-v2 {
    position: relative;
    z-index: 2;
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .lr-soomi-skin-test-v2 .lr-skin-kicker-v2,
    .lr-soomi-skin-test-v2 .lr-skin-title-v2,
    .lr-soomi-skin-test-v2 .lr-skin-description-v2,
    .lr-soomi-skin-test-v2 .lr-skin-answers-v2,
    .lr-soomi-skin-test-v2 .lr-skin-action-v2,
    .lr-soomi-skin-test-v2 .lr-skin-result-v2 {
        transition: none !important;
        filter: none !important;
        transform: none !important;
    }
}