/* Dok'n Dine SimplyBook custom CSS - revised 2026-06-09 */

    /* Remove SimplyBook template/background image */
    .overlay-blur-bg,
    .overlay-blur-bg.default-bg,
    .overlay-blur-bg.default-bg.entertainment,
    .blur-bg-theme,
    .blur-white-cover,
    #main,
    #main-content,
    #sb-main-container,
    #sb_content,
    #sb_booking_content {
      /* background-image: none !important; */
    }

    .overlay-blur-bg,
    .blur-bg-theme,
    .blur-white-cover {
      /* background-color: #fff !important; */
    }

    /* Hide/flatten Book Now banner background on booking page */
    #main-buttons {
      /*
      background-image: none !important;
      background-color: #000 !important;
      min-height: 100px !important; */
    }

    #main-buttons .column-wrapper {
      display: none !important;
    }

    /* Booking step navigation: corrected id uses underscore */
    #sb_booking_info .step_info_item {
      display: block !important;
    }

    #sb-timeline #steps-nav li {
      display: block !important;
    }

    /* Make product images contain their parent element and not cover */
    .product-item.item .user.img img {
      object-fit: contain !important;
      padding: 7px;
    }

    /* Hide subscribe to promotions block below checkout panel */
    .promotions-letter-flag.v2,
    #sb_promotion_letters_flag {
      display: none !important;
    }

    /* Always show items panel */
    .current-booking-info .mg #collapseInvoice_details {
      display: block !important;
    }

    /* Show yellow background on items panel */
    .current-booking-info .mg .accordion {
      background-color: #DFCA81 !important;
      border-radius: 12px !important;
    }

    /* Show "Added to reservation" message below a product added to a reservation */
    .changed-items-num:has(.wrapper input[type="checkbox"]:checked)::after {
      content: "Added to reservation! (see below)";
      display: block;
      font-size: 12px !important;
      color: #DFCA81 !important;
      line-height: 1.3 !important;
      margin-top: 4px;
    }

    /* Product card read-more link */
    span.read-more {
      margin-top: 0;
      margin-left: 0;
      font-size: 12px !important;
      position: static !important;
    }

    /* Food platter disclaimer: apply to food products with Read more, except Apero Snack Platter */
    .product-item.item:has(span.read-more):not(:has(#product47)) span.read-more::after {
      content: "*This platter requires a minimum of six servings; you can order up to 16 servings. \A *Must be ordered 72 hrs prior to your reservation.";
      white-space: pre-wrap;
      display: block;
      font-size: 10px !important;
      color: red !important;
      position: static;
      line-height: 12px !important;
      margin-top: 4px;
    }

    /* Apero Snack Platter (7-8 guests) does not require the 6-serving minimum: no extra disclaimer here */
    .product-item.item:has(#product47) span.read-more::after {
      content: "" !important;
      display: none !important;
    }

    #sb_product_list_container .cap.short {
      height: auto !important;
    }

    /* Change booking step titles */
    #sb_booking_info .clearfix > li:nth-child(1) div.title-small {
      font-size: 0 !important;
    }

    #sb_booking_info .clearfix > li:nth-child(1) div.title-small::after {
      content: "Book";
      display: block;
      font-size: 16px !important;
    }

    #sb_booking_info .clearfix > li:nth-child(2) div.title-small {
      font-size: 0 !important;
    }

    #sb_booking_info .clearfix > li:nth-child(2) div.title-small::after {
      content: "Date/Time";
      display: block;
      font-size: 16px !important;
    }

    #sb_booking_info .clearfix > li:nth-child(3) div.title-small {
      font-size: 0 !important;
    }

    #sb_booking_info .clearfix > li:nth-child(3) div.title-small::after {
      content: "Drinks/Food";
      display: block;
      font-size: 16px !important;
    }

    #sb_booking_info .clearfix > li:nth-child(4) div.title-small {
      font-size: 0 !important;
    }

    #sb_booking_info .clearfix > li:nth-child(4) div.title-small::after {
      content: "Drinks/Food";
      display: block;
      font-size: 16px !important;
    }

    /* Add intro text on current service booking step page */
    #sb_service_step_container::before {
      content: "Welcome aboard! \A\A Book your 90 min water experience here.\A Apero or BBQ? The choice is yours! \A\A Drinks MUST be purchased from Dok'n Dine. No outside drinks. \A You can bring your own food or order one of our food options below!";
      white-space: pre-wrap;
      overflow-wrap: break-word;
      display: block;
      width: 100% !important;
      margin-bottom: 30px;
      font-size: 16px !important;
    }

    /* Add instructions for drink/food products in booking step page */
    #sb_product_container .title-main {
      font-size: 0 !important;
    }

    #sb_product_container .title-main::before {
      content: "- Drinks must be purchased from Dok’n Dine. NO OUTSIDE DRINKS \A - Bring your own food to barbecue OR choose a food platter";
      white-space: pre-wrap;
      overflow-wrap: break-word;
      display: block;
      font-size: 14px !important;
    }

    #sb_product_container .title-main::after {
      content: "Food orders require a minimum of 6 guests, and must be booked at least 72 hours prior to your reservation";
      white-space: pre-wrap;
      overflow-wrap: break-word;
      display: block;
      margin-bottom: 10px;
      font-size: 14px !important;
      color: red !important;
      font-style: italic !important;
    }

    /* Hide BTW indication on checkout booking step page */
    .booking-price .full-price-with-tax {
      display: none !important;
    }

    /* Hide Our time block in booking step pages */
    #sb_booking_company_time {
      display: none !important;
    }

 /* Position back button neatly below Book Now */
    #sb_back_button {
      display: block !important;
      position: relative !important;
      top: auto !important;
      right: auto !important;
      bottom: auto !important;
      left: auto !important;
      clear: both !important;
      width: max-content !important;
      margin: 12px 0 0 0 !important;
      z-index: 10 !important;
    }

    /* Style back link */
    #sb_back_button a,
    #sb_back_button .back,
    #sb_back_button * {
      display: inline-block !important;
      color: #B8D0EA !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      line-height: 1.2 !important;
      text-decoration: none !important;
    }

    /* Optional: make hover clearer */
    #sb_back_button a:hover,
    #sb_back_button .back:hover {
      color: #DFCA81 !important;
      text-decoration: underline !important;
    }