/* =========================================================
   VR — Fix flicker badge prezzo (solo .vr-date-slider in HOME)
   Target: .vr-badge-price (Greenshift meta)
   ========================================================= */
@media (max-width: 768px){

  .vr-date-slider .swiper-wrapper,
  .vr-date-slider .swiper-slide{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .vr-date-slider .vr-badge-price{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-mask-image: -webkit-radial-gradient(white, black);

    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    outline: 1px solid transparent;
  }

  .vr-date-slider .vr-badge-price .gspb_meta_value{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

/* =========================================================
   VR — Date Slider controls (solo .vr-date-slider in HOME)
   frecce vicine ai bullets
   ========================================================= */

.vr-date-slider{
  --vr-bullets-bottom: -40px;
  --vr-arrows-bottom:  -54px;
  --vr-gap: 120px;
}

/* lascia uscire i controlli sotto senza tagli */
.vr-date-slider .swiper{
  overflow: visible !important;
}
/* opzionale: abilitalo solo se serve davvero */
/* .vr-date-slider .swiper-wrapper{ overflow: visible !important; } */

.vr-date-slider .swiper-pagination{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: var(--vr-bullets-bottom) !important;
  width: auto !important;
  z-index: 20 !important;
}

.vr-date-slider .swiper-button-prev,
.vr-date-slider .swiper-button-next{
  top: auto !important;
  bottom: var(--vr-arrows-bottom) !important;
  left: 50% !important;
  right: auto !important;
  z-index: 30 !important;
}

.vr-date-slider .swiper-button-prev{
  transform: translateX(calc(-50% - var(--vr-gap))) !important;
}

.vr-date-slider .swiper-button-next{
  transform: translateX(calc(-50% + var(--vr-gap))) !important;
}

.vr-date-slider .swiper-button-prev.swiper-button-disabled,
.vr-date-slider .swiper-button-next.swiper-button-disabled{
  display: flex !important;
  opacity: .35 !important;
  pointer-events: none !important;
}