/* ========================================
   Tours Styles for Dragon Lore Tours Theme
   Author: Your Name, Date: YYYY-MM-DD
   Note: Styles for site-header and header elements
   ======================================== */

body.page-id-7672 header,
body.page-id-7672 footer,
body.page-id-7672 section.dlt-overview,
body.page-id-7672 .wprs_unslider,
body.page-id-7672 .cky-overlay,
body.page-id-7672 .cky-btn-revisit-wrapper, 
body.page-id-7672.cky-revisit-bottom-left,
body.page-id-7672 button .cky-btn-revisit {
  display: none;
}
#single-tour .section-tour-booking-forms {display: none;  }


#single-tour .section-tour-pricing .dlt-flex  {
  display: flex;
  gap: 0rem 1rem;           /* Gap ONLY between the two children */
  width: 100%;         /* Full width of parent */
  padding: 0;          /* No internal padding */
         /* No external margin */
  box-sizing: border-box;
}

#single-tour .section-tour-pricing .dlt-half {
  flex: 1 1 0;
  /* Optional: remove any left/right margin or padding here if you have some */
  margin: 0;
  justify-content: center;
  align-items: center;
  border-style: groove;
  border-radius: 1rem 1rem 1rem 1rem;
  background-color: #fff;
  padding: var(--space-md);
}

#single-tour .section.dlt-buttons{ padding-top: 1.5rem; padding-bottom: 1.5rem;position: relative;}

#single-tour .service-price {margin-top: 1rem;}
#single-tour .service-price,
#single-tour .service-discounted-price
{text-align: center;  
color: var(--color-primary);
 font-weight: bold;

}
#single-tour .original-price {margin-left: 0.35rem;text-decoration: line-through;}

#single-tour .section-tour-pricing .main-text-row {padding: 1.5rem 1rem 1rem 1rem;}

#single-tour  h3 {text-transform: uppercase;}

#single-tour .icon-title-row {
  display: flex;
  align-items: flex-start;   /* Align icon to top, title naturally aligns start */
  justify-content: center;  /* Center both items horizontally together */
  position: relative;
} 

#single-tour .dlt-icon {
  flex: 0 0 auto;           /* Icon stays its natural width */
  margin-right: 1rem;       /* Space between icon and title */
  align-self: flex-start;   /* Explicit top align for icon */
  position: absolute;
  left: 0;
  top: 0;
}

#single-tour.service-title {
  flex: 1 1 auto;           /* Title stretches to fill available space */
  text-align: center;       /* Center the text horizontally */
  margin: 0 auto;
  margin-top: 0.5rem;
}

#single-tour .btn-container {
  text-align: center;
  margin-top: 1rem;
}


/* Booking form on tour page */


#single-tour .bookly-form * {font-size: 1rem  !important;/* background-color:  pink !important; */}
#single-tour .bookly-service-step .bookly-bold,
#single-tour .bookly-service-step .bookly-js-mobile-step-2 .bookly-left,
#single-tour .bookly-service-info
{
  display: none;
}








/* Booking form on tour page */
#single-tour .bookly-form * {font-size: 1rem  !important; }
#single-tour .bookly-service-step .bookly-bold,
#single-tour .bookly-service-step .bookly-js-mobile-step-2 .bookly-left,
#single-tour .bookly-service-info
{
  display: none;
}

 #single-tour  .bookly-progress-tracker.bookly-table  div,
 #single-tour  .bookly-progress-tracker.bookly-table  div.active {
   font-size: 1rem  !important;
 font-weight: normal !important;
 }
.bookly-columnizer .bookly-hour .bookly-hour-icon { 
  outline: 2px solid var(--color-accent) !important;

}
#single-tour  .bookly-columnizer .bookly-hour span,
#single-tour  .bookly-columnizer .bookly-hour span{
 color: var(--color-accent) !important;
}
 /* Color */
#single-tour .bookly-form .bookly-form-group > label, 
#single-tour  .bookly-form .bookly-label-error, 
#single-tour  .bookly-form .bookly-columnizer .bookly-hour span.bookly-waiting-list, 

 {
    font-weight: bold !important;
    font-size: 1rem !important;
    color: green !important;

}
#single-tour .bookly-form .text-bookly:not(:hover) { 
  color: var(--color-accent) !important;
  font-weight: bold;
}
#single-tour  .bookly-form .bookly-progress-tracker > .active .step {}
#single-tour  .bookly-form .bookly-columnizer .bookly-hour:active .bookly-hour-icon span, 
#single-tour  .bookly-form .bookly-btn-submit, 
#single-tour .bookly-form .bookly-pagination > li.active, 
#single-tour .bookly-form .bg-bookly, 
#single-tour .bookly-form .hover\:bg-bookly:hover, 
#single-tour .bookly-form .bg-bookly-not-hover:not(:hover) {
    background-color: #fff !important; 
    border: 2px solid var(--color-accent) !important;
    color: var(--color-accent) !important;
}
.bookly-css-root .bookly\:text-slate-600 {
  color: #000 !important;
}
#single-tour .bookly-form .bookly-columnizer .bookly-day, 
#single-tour .bookly-form .bookly-schedule-date {
    background: #fff !important;
    border: 2px solid silver !important;
  color: var(--bookly-main-color) !important;
}

#single-tour .bookly-form  .bi-chevron-left, 
#single-tour .bookly-form  .bi-chevron-right {
  color: var(--color-accent) !important;
  font-weight: bolder !important;
  font-size: 110%  !important;
}

#single-tour .bookly-form input[type="text"],
#single-tour .bookly-form input[type="tel"],
#single-tour .bookly-form input[type="checkbox"],
#single-tour .bookly-form input[type="radio"],
#single-tour .bookly-form input[type="number"],
#single-tour .bookly-form input[type="password"],
#single-tour .bookly-form select,
#single-tour .bookly-form textarea {
    display: inline-block;
    margin: 0 !important;
    outline: none !important;
    font-size: 1rem !important;
}

/* Border */
#single-tour .bookly-form input[type="text"].bookly-error,
#single-tour .bookly-form input[type="tel"].bookly-error,
#single-tour .bookly-form input[type="password"].bookly-error,
#single-tour .bookly-form select.bookly-error,
#single-tour .bookly-form textarea.bookly-error,
#single-tour .bookly-form .bookly-week-days.bookly-error,
#single-tour .bookly-extra-step div.bookly-extras-thumb.bookly-extras-selected {
    border: 2px solid var(--color-accent) !important;
}

#single-tour .bookly-form { background: transparent !important; }
#single-tour .bookly-form .bookly-form-group label { font-weight: bold; }
#single-tour .bookly-form .bookly-btn { background:  var(--color-accent) !important; color: #fff !important; }

#single-tour .bookly-form { background: transparent; font-size: 1rem !important;}
#single-tour .bookly-form .bookly-form-group label { font-weight: bold !important; }
#single-tour .bookly-form .bookly-btn { background: var(--color-accent) !important; color: #fff !important; }

#single-tour .bookly-checkbox-group > input[type='checkbox'] + label > i {
    border: 2px solid silver  !important;
  
}

#progression-container {width: 100%;}











#single-tour .bookly-extras-count-controls .bookly-round,
#single-tour .bookly-extras-count-controls .bookly-square {
    min-width: 1rem !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
  background-color: var(--color-accent) !important;
   margin-left: 0.75rem!important; margin-right: 0.75rem !important;
}
#single-tour .bookly-extras-count-controls .bookly-round {}

#single-tour  .bookly-extras-count-controls input {line-height: 1.25rem !important; 
                                                   margin-left: 1rem !important; margin-right: 1rem !important}

#single-tour  .bookly-calendar-controls-mark {
   background-color: #eee!important;
  color: #000;
  font-weight: bolder;
}




@media (max-width: 800px) {
  #single-tour .section {
    margin-bottom: 0rem;
  }

  #single-tour .section.dlt-buttons .dlt-button-row a {
    max-width: 4rem;
  }
  #single-tour .section--container.dlt-button-row {
    flex-direction: row;
    gap: 2rem;  
  }
  #single-tour .dlt-half {}

  #single-tour .section-tour-pricing.section--pad-xl { padding-top: 0.5rem;; }

  #single-tour .section-tour-pricing .dlt-flex {
    gap: 1rem 1rem;
    width: 94%;
  }
}




@media (max-width: 1024px) {
  #single-tour .section {
    margin-bottom: 0rem;
  }

  #single-tour .section.dlt-buttons .dlt-button-row a {
    max-width: 4rem;
  }
  #single-tour .section--container.dlt-button-row {
    flex-direction: row;
    gap: 2rem;  
  }
  #single-tour .dlt-half {}

  #single-tour .dlt-overview.section--pad-lg { padding-top: 0rem;  }

  #single-tour .section-tour-pricing.section--pad-xl { padding-top: 0.5rem;; }

  #single-tour .section-tour-pricing .dlt-flex {
    gap: 1rem 1rem;
    width: 94%;
  }
}