/* =========================
   EJCW Theme variables
   ========================= */
:root {
  --brand-green: #28a745;
  --brand-green-hover: #32cd32;
  --brand-red: #ff0000;
  --brand-red-hover: #cc0000;


.remind-pass {
   color: var(--brand-red);
}

.selected-package-list.short {
   display: none !important;
}

div#sb_package_filter_container {
   display: none !important;
}

div#sb_booking_provider {
    display: none;
}

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


/* ----------------------------------------------------- */
/* 24.09.2025 EJCwebsites remove SimplyBook.me promotion checkbox and text on booking form */

/* Client logged in:*/
#main #client-login .custom-form 
#sb_terms_and_conditions .promotions-letter-flag
label [role=button]{ 
display: none; 
}

/* Client not logged in:*/
#main #client-login .custom-form 
#sb_terms_and_conditions .promotions-letter-flag.v2 { 
  display: none !important;
  margin: 0 !important;
  padding: 0 !important; 
}

/* 23.09.2025 EJCwebsites remove display of cart icon */

#sb_cart {
    display: none !important;
}


/* 11.08.2025 EJCwebsites Override stylesheet that includes:
unified green icons (cart, avatar, sign-in, SVG checkmark, Google & Facebook logos), red “Remind password” with hover,
and hides all the requested elements, future-proofed for any resultXX numbers (including your collapseInvoice_result10 div). */  


/* =========================
   Icon colors (Font Awesome + SVG)
   ========================= */
/* Cart, avatar, sign-in, and SVG checkmark */

.login-container .avatar.item-container .fa-user-alt,
.login-container .avatar.item-container .fa-sign-in-alt,
.login-container__remember-check svg path {
  color: var(--brand-green) !important;   /* FA icons */
  stroke: var(--brand-green) !important;  /* SVG checkmark */
  transition: color .2s ease, stroke .2s ease;
}


/* Google & Facebook logos in login dropdown */
.icon.icon--google svg path,
.icon.icon--facebook svg path {
  fill: var(--brand-green) !important;
  stroke: var(--brand-green) !important;
  transition: fill .2s ease, stroke .2s ease;
}

/* =========================
   “Remind password” in red
   ========================= */
.txt .remind-pass {
  color: var(--brand-red) !important;
  cursor: pointer;
  transition: color .2s ease;
}
.txt .remind-pass:hover {
  color: var(--brand-red-hover) !important;
}

/* =========================
   Hide elements (future-proof)
   ========================= */
/* Book More link + Cancel button */
.sb_book_again,
.btn.custom.btn-with-icon.sb_cancel_btn,
/* Any "Intake form fields" accordion link + its panel */
a.title[data-target^="#collapseAdditional_result"],
div[id^="collapseAdditional_result"],
/* Any "Items:" accordion link + its panel (incl. #collapseInvoice_result10) */
a.title[data-target^="#collapseInvoice_result"],
div[id^="collapseInvoice_result"] {
  display: none !important;
}

/* 10.09.2025 EJCwebsites Override for "Date:" label text on My Bookings Page to change it to "Start Date/Time:" and also for "Ends at:" changed to "End Time:"*/  

/* Hide the original label text */
.booking-info--item_date-start .label {
  color: transparent;
  position: relative;
}

/* Inject new label text */
.booking-info--item_date-start .label::before {
  content: "Start Date/Time:";
  color: #474747;
  position: absolute;
  left: 0;
  top: 0;
}

.booking-info--item_end-date .label {
  color: transparent;
  position: relative;
}

.booking-info--item_end-date .label::before {
  content: "End Time:";
  color: #474747;
  position: absolute;
  left: 0;
  top: 0;
}

/* 07.08.2025 EJCwebsites Override for "Remind password" text to change it as it is same colour text as background */  

.txt .remind-pass {
    color: var(--brand-red) !important;
    cursor: pointer; /* shows it's clickable */
    transition: color 0.2s ease;
}

.txt .remind-pass:hover {
    color: var(--brand-red-hover) !important;
}

.txt-left.remind-pass.sb-client-remind-popup {
  color: var(--brand-red); 
}

/* 17.06.2025 EJCwebsites Override for "Provider" text to change it to "Field" in service steps menu (3 steps unamanged list */  

booking-info ul li:nth-child(3) .title-small {
    position: absolute; /* Removes it from the normal flow */
    width: 0; 
    overflow: hidden; /* Hides original text completely */
}

.booking-info ul li:nth-child(3) .title-small::after {
    content: "Field"; /* Replace with new text */
    position: relative; /* Ensures correct placement */
    display: inline-block;
    font-size: inherit;
}



/* 17.06.2025 EJCwebsites Override for "My Bookings Page" Back to Website Menu item */  

 a[href="https://lizc49.sg-host.com/"] {
   background-color: #c9f7df;
   color: white;
   padding: 10px;
   border-radius: 5px;
 }

/* 17.06.2025 EJCwebsites Override for removing display of Map and Book Now buttons on "My Booking Page" */

 #main-buttons .wrapper .inner .bar { 
   display: -ms-flexbox; 
   display: none;
 }
 
 #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 */
}