/*
	Custom CSS
	Apply consistent styles and hide unnecessary elements
*/


/* --- HIDE TERMS & CONDITIONS POPUP --- */
#sb_terms_and_conditions > div > div > div {
  visibility: hidden !important;
}
#sb_terms_and_conditions div label[role=button] {
  display: none !important;
}


/* --- BASE STRUCTURE PLACEHOLDERS (OPTIONAL) --- */
#events h3,
#events p.duration, 
#events div.duration,
#events p.description, 
#events div.description,
#events .selectedEvent,
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3,
#eventForm #save_button,
div.ui-widget-content,
div.ui-widget-header,
#timeline-container table.timeline,
.timeline td.not_worked_time,
.timeline td.free_time,
.timeline td.selected_time,
.timeline td.reserved_time,
div#loading,
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
  /* Optional styling — edit if needed */
}


/* --- HIDE BOTTOM NAVIGATION BUTTONS --- */
#main-buttons {
  display: none !important;
}


/* --- UNIFY FORM FIELD LAYOUT (STANDARD + CUSTOM) --- */
.sb-client-info label,
.sb-intake-form .sb-event-field label {
  display: block !important;
  margin-bottom: 4px !important;
  font-weight: bold !important;
  text-align: left !important;
}

.sb-client-info input,
.sb-client-info select,
.sb-client-info textarea,
.sb-intake-form input,
.sb-intake-form select,
.sb-intake-form textarea {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 12px !important;
}


/* --- HIDE HOME BUTTON FROM TOP NAVIGATION --- */
.sb-header__logo,
.sb-header__nav a[href="/v2/"],
.sb-header__nav a[href="/v2/#home"],
.sb-menu li:first-child,
a.sb-home,
li.home,
#home_button {
  display: none !important;
}


/* --- HIDE "SUBSCRIBE NOW" BUTTON AFTER BOOKING --- */
a[href*="subscribe"],
.sb-thankyou .subscribe-now,
.sb-footer .redirect_link,
#sb_book_more {
  display: none !important;
}


/* --- ADD RED ASTERISK TO "SÄHKÖPOSTI" EMAIL LABEL --- */
label[for="sb_client_email"]::after {
  content: " *";
  color: red;
  margin-left: 4px;
}

/* Hide push notification prompt modal/box */
#sb_push_subscribe,
.sb-push-subscribe,
.sb-push-popup,
div[class*="push"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

a[href="/v2/"],
a[href="/v2/#home"],
a.sb-home,
.sb-header__nav a:first-child,
.sb-header__nav li:first-child,
.sb-menu li:first-child,
.sb-nav li:first-child,
.sb-header__logo,
#home_button,
li.home {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* --- FORCE ALL FORM FIELDS TO USE VERTICAL LAYOUT --- */

/* Default client info fields (nimi, sähköposti, puhelin, etc.) */
.sb-client-info .form-group,
.sb-client-info .row {
  display: block !important;
  width: 100% !important;
  margin-bottom: 16px !important;
}

.sb-client-info label {
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: bold !important;
  width: 100% !important;
  text-align: left !important;
}

.sb-client-info input,
.sb-client-info select,
.sb-client-info textarea {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* Custom intake form fields */
.sb-intake-form .sb-event-field {
  display: block !important;
  width: 100% !important;
  margin-bottom: 16px !important;
}

.sb-intake-form .sb-event-field label {
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: bold !important;
  text-align: left !important;
}

.sb-intake-form .sb-event-field input,
.sb-intake-form .sb-event-field select,
.sb-intake-form .sb-event-field textarea {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}