/* =============================================
   NlProductThumbFlipWidget ? Flip Card
   ============================================= */

.nl-flip-card {
    position: relative;
    width: 100%;
}

.nl-flip-card__inner {
    display: block;
    position: relative;
    width: 100%;
    height: 292px;
    transform-style: preserve-3d;
    transition: transform var(--nl-flip-duration, 500ms) ease;
    cursor: pointer;
}

.nl-flip-card--flippable:hover .nl-flip-card__inner,
.nl-flip-card--flippable:focus-within .nl-flip-card__inner {
    transform: rotateY(180deg);
}

.nl-flip-card__face {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}

.nl-flip-card__face img {
    width: 100%;
    height: 292px;
    object-fit: contain;
    display: block;
}

.nl-flip-card__face--back {
    transform: rotateY(180deg);
}

/* Respect préférence reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .nl-flip-card__inner {
        transition: none;
    }
}