/* =========================================================
   PRODE TOURS — EXPERIENCE SWITCH V1 / READABILITY FIX
   Applies only to Italy / Around the World selector.
   ========================================================= */

.public-v5 .experience-page-switch{
  gap:14px;
  margin-bottom:34px;
}

.public-v5 .experience-page-link,
.public-v5 .experience-page-link.active{
  position:relative;
  min-height:112px;
  padding:21px 23px;
  overflow:hidden;
  color:#17201c !important;
  border:1px solid rgba(170,122,67,.20) !important;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(214,185,145,.10),transparent 10rem),
    linear-gradient(180deg,#fffdf9 0%,#f8f3ea 100%) !important;
  box-shadow:0 16px 38px rgba(18,27,23,.075) !important;
}

.public-v5 .experience-page-link::before,
.public-v5 .experience-page-link.active::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  border-radius:999px;
  background:transparent;
  transition:background .22s ease;
}

.public-v5 .experience-page-link.active{
  border-color:rgba(170,122,67,.52) !important;
  box-shadow:0 18px 42px rgba(18,27,23,.10),0 0 0 1px rgba(170,122,67,.06) inset !important;
}
.public-v5 .experience-page-link.active::before{
  background:linear-gradient(180deg,#c0935e,#9d6d37);
}

.public-v5 .experience-page-link::after,
.public-v5 .experience-page-link.active::after{
  border-color:rgba(170,122,67,.18) !important;
}

.public-v5 .experience-page-link:hover,
.public-v5 .experience-page-link:focus-visible,
.public-v5 .experience-page-link.active:hover,
.public-v5 .experience-page-link.active:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(170,122,67,.62) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(214,185,145,.15),transparent 10rem),
    linear-gradient(180deg,#ffffff 0%,#f8f1e7 100%) !important;
  box-shadow:0 22px 46px rgba(18,27,23,.12) !important;
}

.public-v5 .experience-page-link__copy{position:relative;z-index:2}
.public-v5 .experience-page-link__kicker,
.public-v5 .experience-page-link.active .experience-page-link__kicker{
  color:#a2723d !important;
}
.public-v5 .experience-page-link strong,
.public-v5 .experience-page-link.active strong{
  color:#17201c !important;
}
.public-v5 .experience-page-link small,
.public-v5 .experience-page-link.active small{
  color:#66716b !important;
}

.public-v5 .experience-page-link__arrow,
.public-v5 .experience-page-link.active .experience-page-link__arrow{
  color:#17201c !important;
  border-color:rgba(170,122,67,.30) !important;
  background:rgba(170,122,67,.06) !important;
}
.public-v5 .experience-page-link:hover .experience-page-link__arrow,
.public-v5 .experience-page-link.active:hover .experience-page-link__arrow{
  background:rgba(170,122,67,.12) !important;
}

@media (max-width:640px){
  .public-v5 .experience-page-switch{gap:10px}
  .public-v5 .experience-page-link,
  .public-v5 .experience-page-link.active{
    min-height:102px;
    padding:18px 19px;
    border-radius:20px;
  }
}