/*
  Custom CSS for Browsolink (SimplyBook)
  Make sure your CSS rules are more specific
  or have higher priority than default styles
*/

/* === Events styles (default placeholders) === */
#events h3 { /* custom rule here */ }

#events p.duration,
#events div.duration { /* custom rule here */ }

#events p.description,
#events div.description { /* custom rule here */ }

#events .selectedEvent { /* custom rule here */ }

#events input.reserve_time_btn { /* custom rule here */ }

#events input.select_another_btn { /* custom rule here */ }

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 { /* custom rule here */ }

#eventForm #save_button { /* custom rule here */ }

div.ui-widget-content { /* custom rule here */ }

div.ui-widget-header { /* custom rule here */ }

#timeline-container table.timeline { /* custom rule here */ }

.timeline td.not_worked_time { /* custom rule here */ }

.timeline td.free_time { /* custom rule here */ }

.timeline td.selected_time { /* custom rule here */ }

.timeline td.reserved_time { /* custom rule here */ }

/* === Loading spinner (optional hide) === */
div#loading {
  /* Uncomment the line below if you want to hide the spinner */
  /* display: none !important; */
}

/* === Fixed selector (typo corrected) === */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
  /* custom rule here */
}

/* === Hide Reviews tab and content === */
li[data-tab="reviews"],
.tab-content-reviews,
#sb_reviews,
#reviews,
.sb-reviews,
.client-reviews,
.reviews-block,
.reviews-list,
.add_review,
.leave-feedback,
a[href*="reviews"] {
  display: none !important;
}

/* === Test rule: change header color to grey ===
   Remove after you confirm CSS is applied */
#widget_container h1.title {
  color: #777 !important;
}

/* Move the center Book Now button further down */
.sb-main-button,
.hero__button,
.btn.book-now {
  position: relative !important;
  top: 220px !important;   /* adjust this number: 180–280px usually works */
  margin-top: 0 !important;
  z-index: 3 !important;
}