/********************************
 * Accommodation slider
*********************************/
.vii-accommodation-slider {--slider-width:75%; --is-gap:10px;}

/* Layout */
.vii-accommodation-slider__header {width:30%;}
.vii-accommodation-slider__items {width:70%;}

/* Header */
.vii-accommodation-slider__title {max-width:330px;}

/* Image */
.vii-accommodation-slider__items .vii-accommodation-item {width:var(--slider-width); padding:0 var(--is-gap);}
.vii-accommodation-slider__items .vii-image-gallery__items .vii-image-gallery__image:not(:first-child) {display:none;}
.vii-accommodation-slider__items .vii-image-gallery__image-bg {aspect-ratio:680/469;}
.vii-accommodation-slider__items .vii-txt-expand {bottom:10px;}

/* Info */
.vii-accommodation-slider__items .vii-accommodation-item .vii-image-gallery {margin-bottom:10px;}

/* No content */
.vii-accommodation-slider.no-content .vii-accommodation-slider__header {width:0;}
.vii-accommodation-slider.no-content .vii-accommodation-slider__items {width:100%;}

/* Item number status */
.vii-accommodation-slider .vii-accommodation-item__info {
    display:flex; justify-content:space-between; align-items:baseline;
}
.vii-accommodation-item__title {max-width:80%;}
.vii-accommodation-slider .vii-accommodation-item__number-status {font-size:12px; letter-spacing:-0.02em;}


/************************************
 * Accommodation slider - Responsive
*************************************/
@media only screen and (max-width:1024px) {
    /* Layout */
    .vii-accommodation-slider__header {width:40%;}
    .vii-accommodation-slider__items {width:60%;}
}
@media only screen and (min-width:769px) {
    /* Slider */
    .vii-accommodation-slider.no-content {--slider-width:65%;}
    .vii-accommodation-slider__inner {padding-left:var(--vii-gap-side);}

    /* Layout */
    .vii-accommodation-slider__header {padding-right:var(--vii-gap-container);}
}
@media only screen and (max-width:768px) {
    /* Layout */
    .vii-accommodation-slider__header,
    .vii-accommodation-slider__items {width:100%;}

    /* Slider */
    .vii-accommodation-slider {--slider-width:400px;}
    .vii-accommodation-slider.element-layout .vii-accommodation-item:first-child {padding-left:var(--vii-gap-container);}
    .vii-accommodation-slider.element-layout .vii-accommodation-item:last-child {padding-right:var(--vii-gap-container);}
    .vii-accommodation-slider.element-layout .vii-accommodation-item:first-child,
    .vii-accommodation-slider.element-layout .vii-accommodation-item:last-child {
        width:calc(var(--slider-width) + var(--vii-gap-container) - var(--is-gap));
    }

    /* Header */
    .vii-accommodation-slider__header {
        padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
        margin-bottom:var(--vii-spacing-30);
    }
    .vii-accommodation-slider__title {margin-left:auto; margin-right:auto; max-width:500px;}
}
@media only screen and (max-width:580px) {
    /* Slider */
    .vii-accommodation-slider {--slider-width:350px; --is-gap:5px;}
}

/****************************************
 * Accommodation slider - Related layout
*****************************************/
/* Inner */
.vii-accommodation-slider.related-layout .vii-accommodation-slider__inner {padding-left:0;}

/* Layout */
.vii-accommodation-slider.related-layout .vii-accommodation-slider__header,
.vii-accommodation-slider.related-layout .vii-accommodation-slider__items {width:100%;}

/* Header */
.vii-accommodation-slider.related-layout .vii-accommodation-slider__header {
    padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
    margin-bottom:0;
}
.vii-accommodation-slider.related-layout .vii-accommodation-slider__title {
    max-width:550px; margin-left:auto; margin-right:auto; margin-bottom:var(--vii-spacing-45);
}

/* Image */
.vii-accommodation-slider.related-layout .vii-accommodation-item__thumbnail-bg {aspect-ratio:480/331;}
.vii-accommodation-slider.related-layout .vii-accommodation-item__thumbnail-bg img {transition:var(--vii-transition-slow);}

/* Info */
.vii-accommodation-slider.related-layout .vii-accommodation-item__info {align-items:flex-start;}
.vii-accommodation-slider.related-layout .vii-accommodation-item__title {margin-bottom:7px;}

/* Hover */
.vii-accommodation-item__inner:hover .vii-accommodation-item__thumbnail-bg img,
.vii-accommodation-item__inner:focus .vii-accommodation-item__thumbnail-bg img {transform:scale(1.03);}

.vii-accommodation-slider.related-layout .vii-accommodation-slider__items-inner.flickity-enabled:not(.is-draggable) {
    padding-left:var(--is-gap); padding-right:var(--is-gap);
}

/* Responsive */
@media only screen and (min-width:769px) {
    .vii-accommodation-slider.related-layout {--slider-width:calc(100% / 3);}
}