/* ----------------------------------------------------------------
FONTS
-----------------------------------------------------------------*/
body,
input,
.input {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------------------
COLORS
-----------------------------------------------------------------*/
a,
header.bookingSiteHeader .logo a:hover,
header.bookingSiteHeader nav.mainMenu ul li a:hover,
nav.mobileMenu ul li a:hover,
section.bookingWidgetHeader nav.mainMenu ul li a:hover,
section.bookingSteps ul li .bookingStepWrapper.bookingStepWrapperLink:hover .bookingStepLabel,
.timezoneNotice p strong,
.timezoneNotice select.input,
.checkoutCountdown p span,
section.filtersMenu a.button:hover,
section.filtersMenu a.button.active,
nav.inventoryItemTabsNavigation ul li a:hover,
.inventoryItemInformation .inventoryItemPricing h5,
.card .cardContent .cardDescriptionPricingWrapper .cardPricing h5,
.card .cardContent .cardTicketPurchaseContainer .cardTicketFooterSubtotal h5,
.card .cardActions a:hover,
footer nav.footerMenu ul li a:hover,
.menu li a:hover {
    color: #ffd900;
}
body,
input,
.input,
.button.rescheduleDate,
nav.mainMenu ul li a,
nav.mainMenu ul li .selectWrapper:after,
nav.mainMenu ul li select.input,
section.filtersMenu a.button,
section.filtersMenu .filtersMenuDateSelect a,
section.resovaCalendar table td.bookingSelectReveal a.bookingSelectRevealClose,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.seeMoreDatesButton,
.inventoryItemInformation .inventoryItemSharing ul li a,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
.card .cardActions a,
.card .cardShare ul li a,
.infoRibbon:before,
.infoRibbon p,
.infoRibbon a,
.infoRibbon a.button.buttonRaised,
nav.inventoryItemTabsNavigation ul li a,
aside .bookingAsideWrapper .bookingAsideAddNewBooking .button,
aside .bookingAsideWrapper .basketBooking .basketBookingItem .basketBookingItemDetails ul.basketActions li a,
footer nav.footerMenu ul li a,
footer .footerLogo a,
.inputSpinnerWrapper .button.buttonRaised.inputSpinnerButton,
.articleBox .infoRibbon p,
.menu li a {
    color: #4b5b67;
}
.intl-tel-input .country-list .country {
    color: #4b5b67!important;
}
/*--DATEPICKER STYLES--*/
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .btnpicker,
.mydp .headerbtn,
.mydp .monthlabel,
.mydp .yearlabel,
.mydp .headermonthtxt,
.mydp .headermonthtxt button,
.mydp .headertodaybtn,
.mydp .headeryeartxt,
.mydp .yearchangebtn,
.mydp .weekdaytitle,
.mydp .daycell.disabled,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable,
.mydp .highlight {
    color: #4b5b67!important;
}
.checkbox label:after {
    border-color: #4b5b67;
}
.inputSpinnerWrapper input.inputSpinnerInput:disabled {
  -webkit-text-fill-color: #4b5b67;
}
/*--DATEPICKER STYLES--*/
h1, h2, h3, h4, h5, h6,
.bookingManagerMenu ul li a {
    color: #1b2125;
}
.textDanger,
.inputContainer.requiredInput label:after,
span.inputCaption.inputCaptionError {
  color: #ed344e!important;
}
.textSuccess {
    color: #52B266!important;
}

/* ----------------------------------------------------------------
BACKGROUND COLORS
-----------------------------------------------------------------*/
body,
.full-preloader,
.preloaderContainer,
figure.featuredImage,
section.bookingSteps ul li span.step,
section.bookingSteps ul li span.bookingStepLabel,
section.bookingSteps ul li span.step:after,
.card,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
aside .bookingAsideWrapper .taxFeeBreakdown,
aside .bookingAsideWrapper .taxFeeBreakdown:before,
span.orTag,
.expressCheckoutOrLine span,
.dialogBackdrop .dialogWrapper .dialogContainer,
.bookingManagerMenu,
.menu {
    background-color: #ffffff;
}
.intl-tel-input .country-list {
    background-color: #ffffff!important;
}
/*--DATEPICKER STYLES--*/
.mydp .header,
.mydp .headerbtn,
.mydp .headerlabelbtn,
.mydp .yearchangebtn,
.mydp .headerbtncell,
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .btnpicker,
.mydp .headertodaybtn,
.mydp .selector thead,
.mydp .caltable,
.mydp .monthtable,
.mydp .yeartable,
.mydp .daycell.disabled {
    background: #ffffff!important;
}
/*--DATEPICKER STYLES--*/
section.resovaCalendar table td.activeTimeSlot:after {
  border-bottom-color: #ffffff;
}
/*--DATEPICKER STYLES--*/
.mydp .selector:after,
.mydp .selectorarrow:after {
  border-bottom-color: #ffffff!important;
}
/*--DATEPICKER STYLES--*/
.full-preloader .three-bounce > div,
section.bookingSteps ul li span.step.bookingStepActive:before,
section.bookingSteps ul li span.step.bookingStepComplete,
article .articleBox .articleBoxInner.articleBoxWSelect .checkboxContainer .checkbox label:after,
.giftVoucherPlaceholderBG {
    background: #ffd900;
}
@media (max-width: 959px) {
    header.bookingSiteHeader,
    header.bookingSiteHeader.transparentHeader {
        background: #302a29;
    }
}

/* ----------------------------------------------------------------
BUTTON COLORS
-----------------------------------------------------------------*/
.buttonRaised,
.iconButtonRaised,
nav.mainMenu a.shoppingBasketButton span,
.inventoryItemDateBadge,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot:hover,
.messageState i,
table.confirmationBookingsBreakdown td.confirmationBookingsBreakdownInformation i,
.bookingManagerMenu ul li a:hover,
.bookingManagerMenu ul li a.active,
.menu .menuContent .button.buttonBlock:hover {
    background: #ffd900;
}
/*--DATEPICKER STYLES--*/
.mydp .selectedday,
.mydp .daycell.selectedday,
.mydp .selectedday,
.mydp .selectedmonth,
.mydp .selectedyear,
.mydp .tablesingleday:hover,
.mydp .tablesinglemonth:hover,
.mydp .tablesingleyear:hover,
.mydp .monthcell.selectedmonth:hover {
    background: #ffd900!important;
}
/*--DATEPICKER STYLES--*/
@media (max-width: 959px) {
    section.resovaCalendarList table td .resovaCalendarListItemTime {
        background: #ffd900;
    }
}
.button,
.button.buttonRaised,
.inventoryItemDateBadge,
.inventoryItemDateBadge h6,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot:hover,
.messageState i,
table.confirmationBookingsBreakdown td.confirmationBookingsBreakdownInformation i,
.bookingManagerMenu ul li a:hover,
.bookingManagerMenu ul li a.active,
.menu .menuContent .button.buttonBlock:hover {
    color: #000000;
}
/*--DATEPICKER STYLES--*/
.mydp .selectedday,
.mydp .daycell.selectedday,
.mydp .selectedday,
.mydp .selectedmonth,
.mydp .selectedyear,
.mydp .tablesingleday:hover,
.mydp .tablesinglemonth:hover,
.mydp .tablesingleyear:hover,
.mydp .monthcell.selectedmonth:hover {
    color: #000000!important;
}
/*--DATEPICKER STYLES--*/
@media (max-width: 959px) {
    section.resovaCalendarList table td .resovaCalendarListItemTime h6,
    section.resovaCalendarList table td .resovaCalendarListItemTime span {
        color: #000000;
    }
}

/* ----------------------------------------------------------------
BORDERS
-----------------------------------------------------------------*/
section.bookingSteps ul li:before,
section.bookingSteps ul li span.step:before,
.menu li.menu-separator {
    background: #dadada;
}
input,
.input,
section.bookingSteps ul li span.step,
section.filtersMenu a.button.filterSort,
section.filtersMenu .filtersMenuDateSelect a.button,
aside.basketDropdown .bookingAsideWrapper .basketBooking,
.timezoneNotice,
.checkoutCountdown,
.inventoryItemInformation .inventoryInformationSectionBreak,
.inventoryItemInformation .inventoryItemSharing ul li.inventoryItemInfoIcon,
.inventoryItemInformation .inventoryItemSharing ul li a,
.inventoryItemInformation .inventoryItemSharing ul li input,
.card,
.card .cardContent .cardDescriptionPricingWrapper .cardDescription,
.card .cardContent .cardCounterWrapper .cardPricing,
.card .cardContent .cardTimesContainer:before,
.card .cardContent .cardTicketPurchaseContainer:before,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
.card .cardContent .cardEventMetaGoBackContainer:before,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTicketPurchaseContainer .cardTicketFooter,
.card .cardActions a,
.card .cardActions a:nth-of-type(2),
.card .cardShare,
.card .cardShare ul li,
.inventoryListItem,
.infoRibbon a.button.buttonRaised,
nav.inventoryItemTabsNavigation:after,
.eventSearchItem,
.eventSearchContainer .eventSearchNoResults,
article .waiverSignature .waiverSignatureBox,
article .articleBox,
article .articleBox .articleBoxInner .checkoutLoginRegisterBox,
aside .bookingAsideWrapper,
aside .bookingAsideWrapper .bookingAsideAddNewBooking,
aside .bookingAsideWrapper .bookingAsideHeading,
aside .bookingAsideWrapper .basketBookings,
aside .bookingAsideWrapper .basketBookings .basketBooking,
aside .bookingAsideWrapper .basketBooking .singleBookingTotal,
aside .bookingAsideWrapper .bookingAsideTransactionBreakdownWrapper table.transactionTotals,
aside .bookingAsideWrapper .bookingAsideTransactionMetaWrapper,
aside .bookingAsideWrapper .bookingAsidePromoWrapper,
aside .bookingAsideWrapper .basketBookings .basketBooking .basketBookingItem.basketBookingItemWExtra:before,
aside .bookingAsideWrapper .basketBookings .basketBooking .basketBookingItem.basketBookingItemExtra:before,
aside .bookingAsideWrapper .bookingAsidePasswordProtectWrapper,
aside .bookingAsideWrapper .payFullAmountWrapper,
aside .bookingAsideWrapper .taxFeeBreakdown,
.inventoryItemReviews .inventoryItemReview,
section.resovaCalendar table th,
section.resovaCalendar table td,
section.resovaCalendarList table td,
table td.bookingSelectReveal,
table.confirmationBookingsBreakdown td,
table.confirmationBookingsBreakdown tr.bookingWExtra td.confirmationBookingsBreakdownInformation:before,
.itemExtraListItemContainer,
.itemExtraListItem,
.loginRegisterBox,
.loginRegisterBox .socialLoginRegisterWrapper,
footer section.footerInner:before,
.checkbox label:before,
.inputSpinnerWrapper .button.buttonRaised.inputSpinnerButton,
.inputSpinnerWrapper input.inputSpinnerInput,
.dialogBackdrop .dialogWrapper .dialogContainer .dialogHeader,
.dialogBackdrop .dialogWrapper.bookingSupportModal .dialogContainer .dialogBody .supportModalItem,
.continueButtonSection,
.menu,
.menu li.seperator:after,
.expressCheckoutOrLine,
.stripeElement,
.bookingManagerMenu:after,
.bookingManagerMenu ul.bookingManagerMainMenu,
.bookingManagerMenu ul li a {
    border-color: #dadada;
}
.inventoryItemInformation .inventoryInformationSectionBreak.inventoryPrivateOption {
    border-color: #ffffff;
}
.intl-tel-input .country-list {
border-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
.mydp .selector,
.mydp .headertodaybtn,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable {
    border-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
/*--DATEPICKER STYLES--*/
.mydp .selector:before,
.mydp .selectorarrow:before,
.mydp .selectorarrow:before {
    border-bottom-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
section.bookingSteps ul li span.step.bookingStepActive,
section.bookingSteps ul li span.step.bookingStepComplete,
nav.inventoryItemTabsNavigation ul li.active a {
    border-color: #ffd900;
}
article .waiverSignature .waiverSignatureBox { background: #ffffff }

/* ----------------------------------------------------------------
BOOKING SITE MENU
-----------------------------------------------------------------*/
header.bookingSiteHeader .logo a h1,
header.bookingSiteHeader nav.mainMenu ul li a,
header.bookingSiteHeader nav.mainMenu ul li .selectWrapper:after,
header.bookingSiteHeader nav.mainMenu ul li select.input,
nav.mobileMenu ul li a,
aside.mobileMenuPopUp header.mobileMenuHeader h6 {
    color: #ffffff;
}
header.bookingSiteHeader nav.mainMenu a.shoppingBasketButton span {
    color: #000000;
}
header,aside.mobileMenuPopUp {
    background: #302a29;
}
header.bookingSiteHeader.transparentHeader {
    background: transparent;
}
@media (max-width: 959px) {
  header.bookingSiteHeader,
  header.bookingSiteHeader.transparentHeader {
    background: #302a29;
  }
}

/* ----------------------------------------------------------------
CALENDAR COLOURS
-----------------------------------------------------------------*/
.closedTimeSlot,
.button.closedTimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.availableTimeSlot,
.button.availableTimeSlot {
    color: #ffffff;
    background: #52b266;
}
.partiallyBookedTimeSlot,
.button.partiallyBookedTimeSlot {
    color: #ffffff;
    background: #000fb3;
}
.blockedTimeSlot,
.button.blockedTimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.soldOutimeSlot,
.button.soldOutimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.callToBookTimeSlot,
.button.callToBookTimeSlot {
    color: #ffffff;
    background: #ed344e;
}

/* ----------------------------------------------------------------
CUSTOMER
-----------------------------------------------------------------*/

/* ═══════════════════════════════════════════════════════
   RESOVA CUSTOM CSS — ETR BOISE  v2
   Matches the Boise homepage design system

   HOW TO USE:
   1. In Resova Admin → Appearance, set the brand color to
      #e85d26 (orange) — this controls the auto-generated
      accent rules.
   2. Paste this CSS into the Custom CSS field.
   3. Upload a white-on-transparent logo PNG under Logo.
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');


/* ────────────────────────────────────────────
   1. TYPOGRAPHY — swap Helvetica for Inter
   ──────────────────────────────────────────── */
body,
input,
.input {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', -apple-system, sans-serif !important;
}


/* ────────────────────────────────────────────
   2. FIX THE BLANKET LINK COLOR
   The auto-generated appearance CSS sets ALL
   <a> tags to the brand color. Override that
   so only interactive elements use orange.
   ──────────────────────────────────────────── */
a {
  color: inherit !important;
}


/* ────────────────────────────────────────────
   3. HEADER — dark nav matching homepage
   ──────────────────────────────────────────── */
header.bookingSiteHeader {
  background: #0d0d1a !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.25) !important;
  border-bottom: none !important;
}
header.bookingSiteHeader nav.mainMenu ul li a {
  color: rgba(255,255,255,0.7) !important;
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  transition: color 0.2s !important;
}
header.bookingSiteHeader nav.mainMenu ul li a:hover {
  color: #fff !important;
}
a.mobileMenuButton,
a.mobileMenuButton i {
  color: #fff !important;
}

/* Basket icon — orange circle */
a.iconButtonRaised.shoppingBasketButton {
  background: #e85d26 !important;
  color: #fff !important;
  border: none !important;
}
a.iconButtonRaised.shoppingBasketButton i {
  color: #fff !important;
}


/* ────────────────────────────────────────────
   4. MOBILE MENU
   ──────────────────────────────────────────── */
aside.mobileMenuPopUp {
  background: #0d0d1a !important;
}
aside.mobileMenuPopUp header.mobileMenuHeader {
  background: #0d0d1a !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
aside.mobileMenuPopUp header.mobileMenuHeader h6 {
  color: #fff !important;
}
nav.mobileMenu ul li a {
  color: rgba(255,255,255,0.7) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
nav.mobileMenu ul li a:hover {
  color: #fff !important;
}
a.mobileMenuClose,
a.mobileMenuClose i {
  color: #fff !important;
}


/* ────────────────────────────────────────────
   5. BOOKING STEPS — subtle, not distracting
   ──────────────────────────────────────────── */
section.bookingSteps {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}
/* Make step dots small, subtle, and gray unless complete */
section.bookingSteps .step {
  background: #ddd !important;
  border-color: #ddd !important;
}
section.bookingSteps .step.bookingStepComplete {
  background: #e85d26 !important;
  border-color: #e85d26 !important;
}
section.bookingSteps .bookingStepLabel {
  font-family: 'Inter', sans-serif !important;
  color: #999 !important;
  font-weight: 500 !important;
  font-size: 0.8rem !important;
}
section.bookingSteps .bookingStepWrapperLink:hover .bookingStepLabel {
  color: #e85d26 !important;
}


/* ────────────────────────────────────────────
   6. FILTERS BAR — clean and neutral
   ──────────────────────────────────────────── */
section.filtersMenu {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}
section.filtersMenu a.button {
  color: #1a1a2e !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  border-color: #ddd !important;
  border-radius: 8px !important;
}
section.filtersMenu a.button:hover,
section.filtersMenu a.button.active {
  color: #1a1a2e !important;
  border-color: #e85d26 !important;
}
/* Date picker text — keep it dark, not orange */
section.filtersMenu .filtersMenuDateSelect a.button {
  color: #1a1a2e !important;
}
section.filtersMenu .filtersMenuDateSelect span {
  color: #1a1a2e !important;
}
/* Today / Prev / Next nav */
section.filtersMenu .prevNextGroup a {
  color: #1a1a2e !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
}
section.filtersMenu .prevNextGroup a:hover {
  color: #e85d26 !important;
}


/* ────────────────────────────────────────────
   7. PAGE BACKGROUND
   ──────────────────────────────────────────── */
main {
  background: #f5f5f8 !important;
}


/* ────────────────────────────────────────────
   8. ROOM CARDS — the main event
   ──────────────────────────────────────────── */
section.inventoryGridLayout {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 24px 20px !important;
}
.card {
  border: none !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03) !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  transform: translateY(-3px) !important;
}

/* Card images */
.card .cardMediaContainer {
  overflow: hidden !important;
}
.card .cardMediaContainer img {
  transition: transform 0.5s ease !important;
}
.card:hover .cardMediaContainer img {
  transform: scale(1.04) !important;
}

/* ── CUSTOM ROOM BADGES ──
   Hide the generic "60 MINUTES" and replace with
   unique, helpful badges per room using nth-child.
   ORDER: 1=Clocktower, 2=Agency, 3=Submarine,
          4=Western Bank Heist, 5=Theater, 6=Gift Voucher
   If you reorder rooms in Resova, update the nth-child
   numbers to match.
   ──────────────────────────────────────────────────── */

/* Base badge styling — small pill, not a full-width bar */
.card .cardMetaWrapper {
  background: rgba(13, 13, 26, 0.75) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 20px !important;
  right: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 10px !important;
  padding: 4px 12px !important;
  top: 0 !important;
  left: 0 !important;
}

/* Hide the original "60 MINUTES" text and icon */
.card .cardMeta {
  font-size: 0 !important;
  color: transparent !important;
  font-family: 'Inter', sans-serif !important;
}
.card .cardMeta i {
  display: none !important;
}
.card .cardMeta strong {
  font-size: 0 !important;
}

/* Show custom badge text via ::after */
.card .cardMeta::after {
  font-size: 0.68rem !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Per-card badges — short pill labels
   NOTE: A hidden .clearfix div sits at DOM position 4,
   so rooms 4-5 are nth-child(5) and nth-child(6).
   If you reorder rooms in Resova, update these. */
section.inventoryGridLayout .cardContainer:nth-child(1) .cardMeta::after {
  content: '\2B50  Award-Winning \00B7 Difficulty 5/5' !important;
}
section.inventoryGridLayout .cardContainer:nth-child(2) .cardMeta::after {
  content: '\1F525  Most Popular \00B7 Difficulty 4/5' !important;
}
section.inventoryGridLayout .cardContainer:nth-child(3) .cardMeta::after {
  content: '\1F30A  Immersive \00B7 Difficulty 5/5' !important;
}
section.inventoryGridLayout > :nth-child(5) .cardMeta::after {
  content: '\1F46A  Family Favorite \00B7 Difficulty 3/5' !important;
}
section.inventoryGridLayout > :nth-child(6) .cardMeta::after {
  content: '\1F389  Beginner Friendly \00B7 Difficulty 3/5' !important;
}

/* Gift Voucher — restore original text */
section.inventoryGridLayout > :nth-child(7) .cardMeta {
  font-size: 0.78rem !important;
  color: #fff !important;
}
section.inventoryGridLayout > :nth-child(7) .cardMeta i {
  display: inline !important;
}
section.inventoryGridLayout > :nth-child(7) .cardMeta strong {
  font-size: 0.78rem !important;
}
section.inventoryGridLayout > :nth-child(7) .cardMeta::after {
  content: none !important;
}


/* ── ROOM DESCRIPTIONS ──
   Replace generic "Book The [Room]" with real
   descriptions matching the homepage.
   ──────────────────────────────────────────── */
.card .cardContent .cardDescriptionPricingWrapper .cardDescription p,
.card .cardContent .cardDescription p {
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.card .cardContent .cardDescriptionPricingWrapper .cardDescription p::after,
.card .cardContent .cardDescription p::after {
  font-size: 0.82rem !important;
  color: #666 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  display: block !important;
  margin-top: 2px !important;
}
section.inventoryGridLayout .cardContainer:nth-child(1) .cardDescription p::after {
  content: 'A fabulous trip through time. Help the crazy timekeeper escape a time warp before the clock runs out!' !important;
}
section.inventoryGridLayout .cardContainer:nth-child(2) .cardDescription p::after {
  content: 'Top-secret spy mission. Mix a martini, play poker, then complete your classified assignment.' !important;
}
section.inventoryGridLayout .cardContainer:nth-child(3) .cardDescription p::after {
  content: 'Descend to the ocean floor. Outsmart the captain and reach the surface before oxygen runs out!' !important;
}
section.inventoryGridLayout > :nth-child(5) .cardDescription p::after {
  content: 'Outlaws on the run! Crack the vault and escape with the cash before the sheriff catches up.' !important;
}
section.inventoryGridLayout > :nth-child(6) .cardDescription p::after {
  content: 'The show must go on! Solve puzzles to save a wacky performance before curtain call.' !important;
}

/* Card body */
.card .cardContent {
  padding: 20px 22px !important;
}
.card .cardContent h3 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: #1a1a2e !important;
  margin-bottom: 2px !important;
}
/* cardDescription p styles are handled in the
   ROOM DESCRIPTIONS section above */

/* Image slider arrows */
.card .slider .btn-prev,
.card .slider .btn-next {
  background: rgba(255,255,255,0.85) !important;
  color: #333 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}
.card .slider .btn-prev:hover,
.card .slider .btn-next:hover {
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;
}


/* ────────────────────────────────────────────
   9. TIME SLOTS — clean, interactive
   ──────────────────────────────────────────── */
.card .cardTimeSlot {
  border: 1.5px solid #e2e2e2 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  background: #fff !important;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s !important;
  cursor: pointer !important;
}
.card .cardTimeSlot:hover {
  border-color: #e85d26 !important;
  background: #fdf6f3 !important;
  box-shadow: 0 2px 6px rgba(232,93,38,0.1) !important;
}
.card .cardTimeSlotTime {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  color: #1a1a2e !important;
}
.card .cardTimeSlotSpaces {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  color: #999 !important;
}

/* Partially available */
.card .cardTimeSlot.cardTimeSlotPartiallyAvailable {
  border-color: #f0c8a8 !important;
}
.card .cardTimeSlot.cardTimeSlotPartiallyAvailable .cardTimeSlotSpaces {
  color: #d47a3a !important;
}

/* Info link at bottom */
.card .cardActions {
  border-top: 1px solid #f0f0f0 !important;
}
.card .cardActions a {
  color: #aaa !important;
  font-size: 0.82rem !important;
}
.card .cardActions a:hover {
  color: #e85d26 !important;
}


/* ────────────────────────────────────────────
   10. BUTTONS — the only place orange is bold
   ──────────────────────────────────────────── */
.button.buttonRaised,
.button.buttonBlock.buttonRaised,
a.button.buttonRaised {
  background: #e85d26 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 2px 8px rgba(232,93,38,0.2) !important;
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s !important;
}
.button.buttonRaised:hover,
.button.buttonBlock.buttonRaised:hover,
a.button.buttonRaised:hover {
  background: #d14f1e !important;
  box-shadow: 0 4px 16px rgba(232,93,38,0.3) !important;
  transform: translateY(-1px) !important;
}

/* Gift voucher BUY NOW */
.card .cardBookButtonWrapper .button {
  background: #e85d26 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  border: none !important;
}
.card .cardBookButtonWrapper .button:hover {
  background: #d14f1e !important;
}

/* Gift voucher background */
.giftVoucherPlaceholderBG {
  background: linear-gradient(135deg, #e85d26 0%, #c44a1a 100%) !important;
}


/* ────────────────────────────────────────────
   11. FOOTER — dark, matches header
   ──────────────────────────────────────────── */
footer {
  background: #0d0d1a !important;
  border-top: none !important;
  padding: 32px 20px !important;
}
footer .footerLogo img {
  opacity: 0.5;
}
footer nav.footerMenu ul li a {
  color: rgba(255,255,255,0.5) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
}
footer nav.footerMenu ul li a:hover {
  color: #fff !important;
}
footer .cardPaymentLogos {
  opacity: 0.4;
}


/* ────────────────────────────────────────────
   12. DROPDOWNS & OVERLAYS
   ──────────────────────────────────────────── */
ul.menu {
  border: 1px solid #eee !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.1) !important;
  overflow: hidden !important;
}
ul.menu li a {
  color: #333 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
}
ul.menu li a:hover {
  background: #f8f5f3 !important;
  color: #e85d26 !important;
}
aside.basketDropdown {
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
  border: 1px solid #eee !important;
}

/* Calendar popup */
.mydp {
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.1) !important;
  border: 1px solid #eee !important;
  overflow: hidden !important;
}


/* ────────────────────────────────────────────
   13. CHECKOUT & FORMS
   ──────────────────────────────────────────── */
aside.bookingAsideWrapper {
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03) !important;
  border: none !important;
}
input.input,
select.input,
textarea.input {
  font-family: 'Inter', sans-serif !important;
  border: 1.5px solid #ddd !important;
  border-radius: 8px !important;
  font-size: 0.9rem !important;
  color: #1a1a2e !important;
  transition: border-color 0.15s !important;
}
input.input:focus,
select.input:focus,
textarea.input:focus {
  border-color: #e85d26 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232,93,38,0.08) !important;
}
input[type="checkbox"]:checked {
  accent-color: #e85d26 !important;
}

/* Ticket purchase pricing */
.card .cardContent .cardTicketPurchaseContainer .cardTicketFooterSubtotal h5 {
  color: #e85d26 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
}

/* Countdown timer */
.checkoutCountdown {
  background: #0d0d1a !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.checkoutCountdown p span {
  color: #e85d26 !important;
  font-weight: 700 !important;
}

/* "Show more times" link */
.showMoreTimesButton,
.showMoreTimesContainer a {
  color: #e85d26 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
}


/* ────────────────────────────────────────────
   14. MOBILE
   ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .card {
    border-radius: 12px !important;
  }
  .card .cardContent {
    padding: 16px 18px !important;
  }
  .card .cardContent h3 {
    font-size: 0.98rem !important;
  }
  .card .cardTimeSlot {
    padding: 8px 10px !important;
    border-radius: 6px !important;
  }
};