/*
	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 */
}/* Make add-on boxes wider */
.sb_additional_item {
  width: 95% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* Darken and enlarge the checkbox */
.sb_additional_item input[type="checkbox"] {
  transform: scale(1.3);
  accent-color: #cc3300 !important; /* dark red tick box */
  border: 2px solid #333 !important;
  cursor: pointer;
}

/* Improve readability of text inside the box */
.sb_additional_item p,
.sb_additional_item span,
.sb_additional_item a {
  font-size: 15px !important;
  color: #333 !important;
  white-space: normal !important;
  word-break: break-word !important;
}



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

/* Center and reposition the Book Now button neatly */
.btn-book {
  position: relative !important;
  top: 60px !important;           /* move up/down */
  left: 50% !important;           /* center horizontally */
  transform: translateX(-50%) !important;
  background-color: #9C7734 !important; /* gold tone */
  border-radius: 8px !important;
  padding: 12px 28px !important;
  font-weight: bold !important;
  font-size: 16px !important;
}
a#sb_add_service { display: none !important; }
/* Move company name up */
.company-name {
    position: relative !important;
    top: -90px !important; /* adjust this number up/down */
}

/* Move and center the company name neatly */
.company-name {
    position: relative !important;
    top: -95px !important;
    text-align: center !important;
    width: 100%;
}

/* Highlight 21st December 2025 – Father Christmas Event */
.calendar-day.available[data-date="2025-12-21"] {
    background-color: #D4AF37 !important; /* soft gold */
    color: #ffffff !important;
    font-weight: 700;
    border: 2px solid #b38f00 !important;
    border-radius: 50%;
    box-shadow: 0 0 8px #f5d97c !important;
    transform: scale(1.1);
}
/* --- Gift Upgrade Add-ons Styling --- */

/* Make each add-on box wider and neater */
.service-addons .addon-item {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 15px !important;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
  background: #fffaf7 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* Image smaller and rounded */
.service-addons .addon-item img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  margin-right: 12px !important;
}

/* Title styling */
.service-addons .addon-item .addon-name {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #444 !important;
  white-space: normal !important;
  flex: 1 !important;
}

/* Price on right, bold and spaced */
.service-addons .addon-item .addon-price {
  font-weight: 700 !important;
  color: #d36a00 !important;
  margin-left: 15px !important;
  text-align: right !important;
}

/* "I want it!" button spacing */
.service-addons .addon-item .addon-booking-btn {
  margin-left: 10px !important;
  padding: 5px 12px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  background: #f9d7b5 !important;
  color: #444 !important;
  border: none !important;
}
.service-addons .addon-item .addon-booking-btn:hover {
  background: #f6c894 !important;
  color: #000 !important;
}
/* --- Gift Upgrade Add-ons Styling (Blue Frost Theme) --- */

/* Box layout */
.service-addons .addon-item {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  border: 1px solid #cde3ef !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  background: #f5fbff !important;
  box-shadow: 0 2px 6px rgba(0, 64, 112, 0.08) !important;
}

/* Image style */
.service-addons .addon-item img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  margin-right: 12px !important;
}

/* Title text */
.service-addons .addon-item .addon-name {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #224b5e !important;
  white-space: normal !important;
  flex: 1 !important;
}

/* Price style */
.service-addons .addon-item .addon-price {
  font-weight: 700 !important;
  color: #125d86 !important;
  margin-left: 15px !important;
  text-align: right !important;
}

/* "I want it!" button – darker, clearer */
.service-addons .addon-item .addon-booking-btn {
  margin-left: 15px !important;
  padding: 7px 16px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  background: #125d86 !important;   /* deep frosty blue */
  color: #ffffff !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  transition: all 0.2s ease-in-out !important;
}
.service-addons .addon-item .addon-booking-btn:hover {
  background: #0e4868 !important;   /* slightly darker on hover */
  transform: scale(1.04) !important;
}

/* Tick alignment fix */
.service-addons .addon-item input[type=checkbox] {
  transform: scale(1.2) !important;
  accent-color: #125d86 !important;
}
/* ===== 1) Remove narrow page cap so the step content can grow ===== */
#app .sb-container,
#app .sb-content,
#app .sb-booking,
#app .sb-booking__content,
#app .sb-step,
#app .sb-step__content,
#app .sb-page {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* ===== 2) Add-ons/extras card: make it wide and free more space for text ===== */
#app .sb-additions .sb-list__item,
#app [class*="additions"] .sb-list__item,
#app [class*="additional"] .sb-list__item {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto 14px !important;
}

#app .sb-additions .sb-list__item .sb-image,
#app .sb-additions .sb-list__item img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  flex: 0 0 56px !important;
}

#app .sb-additions .sb-list__item .sb-list__item-content {
  flex: 1 1 auto !important;
  min-width: 0 !important; /* lets text wrap instead of squashing */
}

#app .sb-additions .sb-list__item *,
#app [class*="additions"] .sb-list__item * {
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 15px !important;
  color: #222 !important;
}

/* ===== 3) Make checkbox big & dark — covers native and custom checkboxes ===== */

/* Native checkboxes */
#app input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  transform: scale(1.35) !important;
  accent-color: #111 !important;
  border: 2px solid #111 !important;
  cursor: pointer !important;
}

/* If SimplyBook uses a custom checkbox box */
#app .sb-checkbox__box,
#app .sb-checkbox .checkbox__box,
#app label .checkbox__box {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid #111 !important;
  background: #fff !important;
  display: inline-block !important;
  margin-right: 8px !important;
}

/* Checked state for custom versions */
#app .sb-checkbox input:checked + .sb-checkbox__box,
#app input[type="checkbox"]:checked + .checkbox__box {
  background: #111 !important;
}

/* Make "I want it!" easier to hit */
#app .sb-additions label,
#app .sb-additions .sb-list__item label {
  cursor: pointer !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* ---------- WIDEN TEXT AREA BY REMOVING THUMBNAIL (gives max space) ---------- */
#app .sb-additions .sb-list__item .sb-image,
#app .sb-additions .sb-list__item img {
  display: none !important;          /* hides the little round photo */
}

/* make the card span the full container width */
#app .sb-additions .sb-list__item {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto 12px !important;
}

/* ensure the text column can actually grow and wrap nicely */
#app .sb-additions .sb-list__item .sb-list__item-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#app .sb-additions .sb-list__item * {
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 15px !important;
  color: #222 !important;
}

/* ---------- REPLACE CUSTOM CHECKBOX WITH BIG, DARK NATIVE ONE ---------- */
/* Many SimplyBook themes hide the real checkbox and draw their own. 
   This forces