.form-group.form-client-phone {
  display: none !important;
}


/*
	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 */
}


.title-main::after {
  content: "Paul Heyse-Straße 21, 80336 Munich";
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}

.payment-system-delay .name {
  font-size: 0; /* Hide original text visually */
  position: relative;
}

.payment-system-delay .name::after {
  content: " - Pay by cash during class";
  font-size: 14px; /* Or whatever matches your design */
  color: inherit;  /* Or set a specific color */
}

.start-date-btn::before {
    content: "Pick membership start date: ";
    color: red; /* Change this to any color you want */
    font-weight: bold; /* Optional */
}



#sb_booking_info > div > ul > li.step_info_item {
    display: none;
}

.step_info_item:not(.active) {
    color: #aaa;            /* Dim the text */
    opacity: 0.0;           /* Make them look disabled */
    pointer-events: none;   /* Optional: disable clicking */
}

.title-main::after {
  content: "Raum 21, Paul-Heyse-Straße 21 80336 Munich";
}


.date-bar .date {
    position: relative;
    display: inline-block;   /* 🔴 required */
    color: transparent;      /* hide original text */
}

.date-bar .date::after {
    content: "Billed monthly";
    color: #ffffff;
    #font-size: 0.9em;
}

#sb_cancel_profile {
    display: none !important;
    pointer-events: none;
}

.sb_cancel_recurring {
    display: none !important;
    pointer-events: none;
}


#sb_content::before {
  content: "Thank you for your interest! Unfortunately, the group is currently full and we are not accepting new members at this time. If you would like to be added to our waiting list, feel free to send us a message and we will reach out as soon as a spot becomes available.";
  display: block;
  background-color: rgba(255, 200, 0, 0.1);
  border: 1px solid rgba(255, 200, 0, 0.4);
  color: rgb(255, 230, 150);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 30px;
}

/* Hide original text */
.recurring-block .service-bar__text a {
  font-size: 0;
  position: relative;
}

/* Smaller replacement text */
.recurring-block .service-bar__text a::after {
  content: "Membership required";
  font-size: 12px; /* ↓ smaller text */
  color: #ffffff;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
}

/* Smaller button style */
.recurring-block .service-bar__text a {
  display: inline-block;
  background-color: rgba(255, 200, 0, 0.15);
  border: 1px solid rgba(255, 200, 0, 0.5);
  padding: 4px 8px; /* ↓ much smaller */
  border-radius: 4px; /* ↓ tighter */
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Subtle hover */
.recurring-block .service-bar__text a:hover {
  background-color: rgba(255, 200, 0, 0.25);
  border-color: rgba(255, 200, 0, 0.7);
}


.promotions-letter-flag {
  display: none !important;
}