:root {
    --litepicker-button-prev-month-color: #333;
    --litepicker-button-next-month-color: #333;
    --litepicker-highlighted-day-color: #fff;
    --litepicker-highlighted-day-color-bg: #802755;
}

/* Bootstrap gutter additions */
@media (min-width: 992px) {
    .gx-lg-6 {
        --bs-gutter-x: 4rem;
    }
    .gx-lg-7 {
        --bs-gutter-x: 5rem;
    }
    .gx-lg-8 {
        --bs-gutter-x: 6rem;
    }
}

/* Prevent scroll when nav diaglog is open */
html:has(#campaignModal[open]) {
	overflow: hidden;
}

.book-form .guests-display {
	anchor-name: --my-button; 
}

.book-form .my-popover {
	position-anchor: --my-button;
}

#book-datepickers .litepicker .container__months.columns-2 {
	width: calc( (var(--litepickerMonthWidth) * 2) + 2rem ); 
}

/* Hero */
#hero:has(.hero-nav.loading) .hero-slide::after {	
	content: none;
}

.hero-slide:has(.vid-controls) {
    &::after {
        content: '';
        pointer-events: none; 
        position: absolute;
        bottom: 0;
        left: 0;
        height: 28%;
        width: 100%; 
        background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,0) 100%);   
    }
}

/* dim pn links when one is active */
.primary-nav:has([aria-expanded="true"]) {
    .pn-link[aria-expanded="false"] {
        opacity: .4;

        &:hover {
            opacity: 1;
        }
    }
}


/* Chat widget */
#canary-chat-widget {
    right: 1.25rem !important;
    bottom: 1.25rem !important;
    transition: right .35s, bottom .35s;
}

/* move chat widget if cookie banner is visible */
body:has(.onetrust-pc-dark-filter) {
    #canary-chat-widget {
        @media (min-width: 992px) {
            bottom: 5.5rem !important;
        }
    }
}

body:has(.onetrust-pc-dark-filter[style]) {
    #canary-chat-widget {
        bottom: 1.25rem !important;
    }
}

/* Press pages */
.page-press-interior:has(.hello-bar) {
    .main-content {
        padding-top: 5rem;

        @media (max-width: 991.98px) {
            padding-top: 8rem;
        }
    }
}

/* Hello bar is closed */
.page-press-interior:has(.hello-bar[style]){
    .main-content {
        padding-top: 2rem;

        @media (max-width: 991.98px) {
            padding-top: 1rem;
        }
    }
}

/* Golf overview */
body:has(.onetrust-pc-dark-filter):has(.chrono-bookingbutton--show) {
    #canary-chat-widget {
        @media (min-width: 992px) {
            bottom: 10rem !important;
        }
    }
}

/* modal */
body:has(#main-nav.show) {
    #canary-chat-widget {
        @media (max-width: 575.98px) {
            filter: drop-shadow(0 0 .25rem rgba(255,255,255,.5));
        }
    }
}

/* Hide chat when booking panel is open */
body:has(#main-book.show) {
    #canary-chat-widget {
        visibility: hidden;
    }
}