/* Layered after style.css — project overrides (loads last). */

/* Global layout tokens (scripts.js may still override after measure). Kept here so a client paste into style.css cannot drop these. */
:root {
  --menu: 138px;
  --height: 100vh;
}

@keyframes experience-skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.experience-skeleton-shimmer {
    animation: experience-skeleton-shimmer 1.15s ease-in-out infinite;
    background: linear-gradient(
        90deg,
        #eceff1 0%,
        #f5f7f8 45%,
        #eceff1 100%
    );
    background-size: 200% 100%;
    border-radius: 20px;
}

.experience-skeleton-image {
    border-radius: 8px;
    height: 200px;
    width: 100%;
}

.experience-skeleton-line {
    height: 14px;
    margin-top: 12px;
}

.experience-skeleton-line--lg {
    width: 88%;
}

.experience-skeleton-line--md {
    margin-top: 16px;
    width: 42%;
}

.experience-skeleton-line--sm {
    width: 36%;
}

.experience-skeleton-line--xs {
    width: 28%;
}

.experience-skeleton-card .experience-skeleton-line {
    margin-top: 10px;
}

/* Calendar planner drag/resize affordances */
.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable {
    cursor: grab;
    touch-action: pan-y;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable:active {
    cursor: grabbing;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle {
    align-items: center;
    color: #1D2E36;
    display: flex;
    font-size: 11px;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    height: 14px;
    position: absolute;
    right: 0;
    transition: opacity 0.2s ease;
    z-index: 12;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.top {
    cursor: ns-resize;
    top: 0;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.bottom {
    bottom: 0;
    cursor: ns-resize;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.move {
    cursor: grab;
    top: 50%;
    transform: translateY(-50%);
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience:hover .drag-handle {
    opacity: 1;
}

.calendar-dragging .home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable,
.calendar-dragging .category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable,
.calendar-dragging .wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience.editable {
    touch-action: none;
}

@media (hover: none) and (pointer: coarse) {
    .home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle,
    .category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle,
    .wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience .drag-handle {
        opacity: 1;
    }
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable {
    cursor: grab;
    touch-action: pan-y;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience.editable:active {
    cursor: grabbing;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle {
    align-items: center;
    color: #1D2E36;
    display: flex;
    font-size: 11px;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    height: 14px;
    position: absolute;
    right: 0;
    transition: opacity 0.2s ease;
    z-index: 12;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.top {
    cursor: ns-resize;
    top: 0;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.bottom {
    bottom: 0;
    cursor: ns-resize;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience .drag-handle.move {
    cursor: grab;
    top: 50%;
    transform: translateY(-50%);
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .experiences .experience:hover .drag-handle {
    opacity: 1;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience.editable {
    cursor: grab;
    touch-action: pan-y;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience.editable:active {
    cursor: grabbing;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience .drag-handle {
    align-items: center;
    color: #1D2E36;
    display: flex;
    font-size: 11px;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    height: 14px;
    position: absolute;
    right: 0;
    transition: opacity 0.2s ease;
    z-index: 12;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience .drag-handle.top {
    cursor: ns-resize;
    top: 0;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience .drag-handle.bottom {
    bottom: 0;
    cursor: ns-resize;
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience .drag-handle.move {
    cursor: grab;
    top: 50%;
    transform: translateY(-50%);
}

.wishlist .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .day .experiences .experience:hover .drag-handle {
    opacity: 1;
}

/* Calendar + wishlist: one absolute row so both icons share the same top edge. */
.home .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'],
.category .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] {
    align-items: flex-start;
    display: flex;
    float: none;
    height: 22px;
    justify-content: space-between;
    left: 22px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 20px;
    width: auto;
    z-index: 10;
}

@media (max-width: 1250px) {
    .home .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'],
    .category .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] {
        left: 20px;
        right: 20px;
        top: 18px;
    }
}

@media (max-width: 750px) {
    .home .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'],
    .category .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] {
        left: 18px;
        right: 18px;
        top: 16px;
    }
}

.home .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] > .block,
.category .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] > .block {
    flex: 0 0 22px;
    float: none;
    height: 22px;
    margin: 0;
    pointer-events: auto;
    position: static;
    width: 22px;
}

.home .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] .icons,
.category .experiences .content .sections .section.three .list .content .blocks .block .experiences .blocks .block .experience .blocks .block .banner .blocks .block[data-block='1AAA'] .blocks[data-blocks='5'] .icons {
    cursor: pointer;
    float: none;
    height: 22px;
    left: auto;
    position: relative;
    right: auto;
    top: 0;
    width: 22px;
}

/* Migrated from public/style.css when switching to client baseline. */
.home .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .blocks .block:nth-child(1) {
    margin: 0 20px 0 0;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .actions .blocks .block[data-block='1BB'] .button.circle.alt:first-child {
    margin: 0 6px 0 0;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .actions .blocks .block .button.circle.alt .icon.alt {
    font-size: 14px;
    line-height: 14px;
    top: calc(50% - 1px);
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks {
    position: relative;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks .block:nth-child(1) {
    position: relative;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks .block:nth-child(2) {
    right: 6px;
    position: absolute;
    top: 0;
}

.home .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .blocks .block .days .slider .slides .slide .day .times .time:hover .button.circle.alt {
    opacity: 1;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .blocks .block:nth-child(1) {
    margin: 0 20px 0 0;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons {
    float: left;
    margin: 3px 0;
    width: 100%;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks {
    display: block;
    float: right;
    width: auto;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child {
    float: left;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block .button.small:nth-child(2) {
    display: none;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .button.small.active ~ .list {
    display: block;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .list {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    right: 0;
    top: 42px;
    width: 100px;
    z-index: 50;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .list:before {
    background: #FFFFFF;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .list ul {
    background: #FFFFFF;
    border: 1px solid #F7F7F8;
    border-radius: 6px;
    box-sizing: border-box;
    float: left;
    list-style: none;
    margin: 0;
    padding: 15px 18px;
    position: relative;
    width: 100px;
    z-index: 10;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .list ul li {
    cursor: pointer;
    float: left;
    font-size: 12px;
    letter-spacing: -0.005em;
    line-height: 19px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:first-child .list ul li:hover {
    color: #74D2DE;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:last-child {
    float: right;
    margin: 0 5px 0 0;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .blocks .block .buttons .blocks .block:last-child .button.circle.alt:first-child {
    margin: 0 6px 0 0;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks {
    position: relative;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks .block:nth-child(1) {
    position: relative;
}

.category .experiences .content .sections .section.three .calendar .blocks .block .dates .blocks .block .labels .slider .slides .slide .label .blocks .block:nth-child(2) {
    right: 6px;
    position: absolute;
    top: 0;
}

.availability .content .sections .section.one .blocks .block:nth-child(2) {
    float: right;
    left: 0;
    position: sticky;
    top: 0;
}

.account .bookings .panel .content .sections .section.two .blocks .block .bookings .blocks .block .booking:last-child {
    margin: 0;
}

.account .experience .panel .content .sections .section.three .blocks .block .form .tabs .tab[data-tab='Overview'] .fields .fieldset[data-fieldset='5'] .blocks .block[data-block='1BA'] {
    margin: 0 0 18px;
    position: relative;
}

/* Global website review carousel — hidden per client request (experience detail reviews unchanged) */
body.home #__next > section.reviews,
body.category #__next > section.reviews,
body.wishlist #__next > section.reviews,
body.resources #__next > section.reviews,
body.confirmation #__next > section.reviews {
    display: none !important;
}