/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* === 1) Kill the banner "Book Now" CTA on booking pages === */
a.btn.book.custom[href="#book"],
a.btn.book.custom[title="Book Now"],
.sb-hero a.btn.book.custom[href="#book"],
.sb-banner a.btn.book.custom[href="#book"] {
  display: none !important;
}

/* === 2) Hide header/menu/breadcrumbs/footer (declutter embeds) === */
header,
.sb-header,
.sb-topnav,
nav.sb-top,
.sb-navbar,
.sb-breadcrumbs,
.sb-footer,
.logo,
.site-header {
  display: none !important;
}

/* === 3) Hide hero/banner/cover blocks === */
#sb_booking_header,
[id*="booking_header"],
.sb-hero,
.sb-banner,
.hero,
.banner,
.header-banner,
.top-banner,
[class*="sb-hero"],
[class*="sb_banner"],
[class*="sb-banner"],
[class*="cover"],
[class*="page-header"] {
  display: none !important;
}

/* Also hide first visual section if theme injects a wrapper */
main > section:first-of-type,
.sb-content > section:first-of-type,
.page-content > section:first-of-type {
  display: none !important;
}

/* Remove leftover spacing after hiding header/banner */
body,
#content,
.main,
.sb-content,
.page-content,
.container,
.wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* === 4) Nuke ALL "Back" controls/links === */


/* === 5) Hide Scroll Bars in Iframes === */

/* Hide scrollbars inside SB pages (still allows scrolling) */
html, body {
  /* no IE/Edge scrollbars */
  -ms-overflow-style: none !important;
  /* no Firefox scrollbars */
  scrollbar-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* no WebKit scrollbars (Chrome/Safari) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* In case a child container forces its own scrollbars */
.sb-content, .page-content, .container, .wrapper {
  overflow: visible !important;
}

/* === 6) Hide Back button on category pages === */

/* === Remove the top stepper (Service / Time / Client) and its divider === */

/* 1) Hide the step items themselves */
.step_info_item,
.step_info_item * {
  display: none !important;
}

/* 2) Hide the list that contains the step items + kill its line/divider */
/* Modern browsers: collapse the whole container if it contains step_info_item */
ul.clearfix:has(> li.step_info_item) {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Fallback for browsers without :has(): hide items and remove common borders */
ul.clearfix > li.step_info_item { display: none !important; }
ul.clearfix {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important; /* in case the "line" is a gradient */
}

/* 4) If the line is applied to a wrapper right below the stepper, nuke top borders */
.step_info,
.sb-step-info,
.step-info,
#content,
.sb-content,
.page-content,
.container {
  border-top: 0 !important;
}

/* 5) If there's an <hr> right after the stepper, hide it */
ul.clearfix + hr,
.step_info + hr,
.sb-step-info + hr,
.step-info + hr {
  display: none !important;
}

/* === Hide the "Available start times" caption and any divider right after it === */
.container-caption {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* If there's a horizontal rule or themed divider right after the caption, nuke it too */
.container-caption + hr,
.container-caption + .divider,
.container-caption + .sb-divider,
.container-caption + .line,
.container-caption + .separator {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}