/*
	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 */
}

/* Hide working hours section */
div#sb_booking_company_time {
  display: none;
}

/* Wrapper container */
#cafeloop-booking {
  max-width: 100%;             /* fluid width */
  margin: 0 auto;
  padding: 0;                   /* remove boxy padding */
  background: transparent;      /* inherit your site’s bg */
  border: none;
  box-shadow: none;
}

/* Fonts & text */
#cafeloop-booking * {
  font-family: "Inter", "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #2e2e2e !important;   /* soft dark grey instead of harsh black */
  line-height: 1.5;
}

/* Buttons */
#cafeloop-booking button {
  background: #6d4c41 !important;   /* warm coffee brown */
  color: #fff !important;
  border-radius: 6px !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  box-shadow: none !important;
  transition: background 0.2s ease-in-out;
}
#cafeloop-booking button:hover {
  background: #4e342e !important;   /* deeper brown on hover */
}

/* Inputs (date pickers, text fields, dropdowns) */
#cafeloop-booking input,
#cafeloop-booking select {
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  padding: 8px 12px !important;
  font-size: 15px !important;
  background: #fff !important;
}
#cafeloop-booking input:focus,
#cafeloop-booking select:focus {
  border-color: #6d4c41 !important;
  outline: none !important;
}

/* Calendar styling */
#cafeloop-booking .sb_calendar {
  border-radius: 8px;
  border: 1px solid #eee;
  background: #fff;
}

/* Hide SimplyBook footer (if allowed by your plan) */
#cafeloop-booking .sb_footer {
  display: none !important;
}

/* ---------- Café Loop Widget Refinements ---------- */

/* Section headers: more breathing room + style */
#widget_container h1, #eventForm h3, #events h3 {
  margin-top: 20px !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 600 !important;
  color: #C47C66 !important; /* terracotta */
}

/* Event/service/location cards */
#events .event_item {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05) !important;
  padding: 16px !important;
  transition: transform 0.2s ease;
}
#events .event_item:hover {
  transform: translateY(-3px);
}
#events .event_item img {
  border-radius: 12px 12px 0 0 !important; /* match card corners */
}

/* Calendar base */
.timeline td {
  color: #6A4946 !important; /* plum-brown text */
}
.timeline .day {
  background: transparent !important;
  border-radius: 50% !important;
  transition: background 0.2s ease;
}
.timeline .day:hover {
  background: rgba(196,124,102,0.15) !important; /* light terracotta hover */
}
.timeline .day.selected {
  background: linear-gradient(135deg, #E6C289, #B25C3E) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* Primary buttons (gradient) */
#events input.reserve_time_btn,
#eventForm #save_button {
  background: linear-gradient(90deg, #E6C289, #B25C3E) !important;
  color: #fff !important;
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 600 !important;
  border-radius: 25px !important;
  padding: 10px 22px !important;
  border: none !important;
  cursor: pointer;
  transition: background 0.3s ease;
}
#events input.reserve_time_btn:hover,
#eventForm #save_button:hover {
  background: linear-gradient(90deg, #B25C3E, #E6C289) !important;
}

/* Secondary buttons (flat terracotta) */
#events input.select_another_btn,
#eventForm input[type="button"].back_btn {
  background: #C47C66 !important;
  color: #fff !important;
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 500 !important;
  border-radius: 25px !important;
  padding: 10px 22px !important;
  border: none !important;
  cursor: pointer;
}
#events input.select_another_btn:hover,
#eventForm input[type="button"].back_btn:hover {
  background: #6A4946 !important; /* plum-brown hover */
}

/* Form fields */
#eventForm input[type="text"],
#eventForm input[type="email"],
#eventForm textarea {
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: 10px !important;
  font-size: 15px !important;
  background: #fff !important;
}
#eventForm input:focus,
#eventForm textarea:focus {
  border-color: #C47C66 !important;
  outline: none !important;
  box-shadow: 0 0 5px rgba(196,124,102,0.4) !important;
}

/* Icon recolor (clock, location, etc.) */
#events .duration i,
#events .location i {
  color: #C47C66 !important; /* terracotta accent */
}

/* ---------- Layout: reduce blank areas ---------- */

/* Remove excess top/bottom padding in widget */
#widget_container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Reduce spacing in sections (time, service, location) */
#events, #eventForm {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#events .event_item, #eventForm .form-group {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* ---------- Typography consistency ---------- */

/* Headings (match Squarespace headings) */
#events h3, #eventForm h3, #widget_container h1.title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3em !important;
  color: #6A4946 !important; /* plum-brown */
}

/* Body text (match Squarespace paragraphs) */
#events p, #eventForm label, #eventForm input, #eventForm textarea {
  font-family: "Merriweather Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6em !important;
  color: #6A4946 !important;
}

/* Time slot buttons (consistent with body text) */
.timeline td.free_time, 
.timeline td.selected_time {
  font-family: "Merriweather Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;  /* medium weight for clarity */
  border-radius: 8px !important;
  padding: 8px 14px !important;
  border: 1px solid #6A4946 !important;
  color: #6A4946 !important;
  background: #fff !important;
}
.timeline td.free_time:hover {
  background: #F4EDE5 !important; /* subtle cream hover */
}

/* Reduce space below available time slots */
#sb-timeline .detail-step-wrap {
  margin-bottom: 10px !important;
}
/* Force section headers to respect capitalization */
#sb-main-container #main #sb-timeline #steps .detail-step-wrap h3 {
  text-transform: none !important;  /* show exactly how you typed it */
  font-weight: 600 !important;
  font-size: 16px !important;
}
/* This is a common method to hide the footer branding link */
.sb-main-footer a[href*="simplybook.me"] {
    display: none !

Client login disabled:
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{ display: none; }

Client login feature disabled:
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}
/* ----- Hide newsletter subscription block (works for all SimplyBook themes) ----- */
#sb-main-container .promotions-letter-flag,
#sb-main-container .client_subscription,
#sb-main-container input[id*="subscribe"],
#sb-main-container label[for*="subscribe"],
#eventForm .promotions-letter-flag,
#eventForm .form-group:has(input[id*="subscribe"]),
#eventForm .form-group:has(label[for*="subscribe"]),
.sb-newsletter,
.sb_newsletter,
.client_subscription_block {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}