/* Wild West Coast Bookings — "Book now" buttons and pop-up (used on the website and the admin preview) */
/* "Book now" buttons */
.wwcb-btn-wrap { display: inline-block; }
.wwcb-btn-wrap.wwcb-align-left, .wwcb-btn-wrap.wwcb-align-center, .wwcb-btn-wrap.wwcb-align-right { display: block; }
.wwcb-align-center { text-align: center; }
.wwcb-align-right { text-align: right; }
.wwcb-btn {
	--wwcb-btn: #1f4e57;
	display: inline-block; box-sizing: border-box; font: inherit; font-weight: 700; line-height: 1.2;
	padding: .75em 1.4em; border-radius: 8px; border: 2px solid var(--wwcb-btn);
	background: var(--wwcb-btn); color: #fff !important; text-decoration: none !important; cursor: pointer;
	transition: filter .15s ease, background .15s ease, color .15s ease;
}
.wwcb-btn:hover, .wwcb-btn:focus-visible { filter: brightness(1.12); }
.wwcb-btn:focus-visible { outline: 3px solid #e0a526; outline-offset: 2px; }
.wwcb-btn--outline { background: transparent; color: var(--wwcb-btn) !important; }
.wwcb-btn--outline:hover { background: var(--wwcb-btn); color: #fff !important; filter: none; }
.wwcb-btn--text { background: transparent; border-color: transparent; color: var(--wwcb-btn) !important; padding-left: 0; padding-right: 0; text-decoration: underline !important; text-underline-offset: 3px; }
.wwcb-btn--small { font-size: 14px; padding: .5em 1em; }
.wwcb-btn--large { font-size: 19px; padding: .9em 1.8em; }
.wwcb-btn--full { display: block; width: 100%; text-align: center; }

/* pop-up */
html.wwcb-noscroll { overflow: hidden; }
.wwcb-pop { position: fixed; inset: 0; z-index: 999999; background: rgba(15, 25, 27, .55); display: flex; align-items: flex-start; justify-content: center; padding: 4vh 12px; overflow-y: auto; }
.wwcb-pop-box { position: relative; background: #fff; border-radius: 12px; width: min(680px, 100%); padding: 20px 20px 8px; box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.wwcb-pop-box .wwcb-book { margin: 0; max-width: none; }
.wwcb-pop-x { position: absolute; top: 6px; right: 8px; width: 40px; height: 40px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #5b6a6c; cursor: pointer; }
@media (max-width: 520px) { .wwcb-pop { padding: 0; } .wwcb-pop-box { border-radius: 0; min-height: 100%; } }