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

/* Herbstreise: Dauer/Termine + Preis in einer Zeile */
#sb_service_step_container
.service-item:has(a[href*="/service/3/"])
.bar-service .time {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Preis rechts ergänzen */
#sb_service_step_container
.service-item:has(a[href*="/service/3/"])
.bar-service .time::after {
    content: "€ 200";       /* ← HIER steht der Preis */
    margin-left: auto;
    font-weight: 400;
}
/* Einzelstunde: Preis rechts neben der Dauer */
#sb_service_step_container
.service-item:has(a[href*="/service/2/"])
.bar-service .time {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Preis rechts ergänzen */
#sb_service_step_container
.service-item:has(a[href*="/service/2/"])
.bar-service .time::after {
    content: "€ 20";
    margin-left: auto;
    font-weight: 400;
}
/* Preis nur im eigentlichen Buchungsprozess anzeigen */
#sb_booking_content .timeline-sidebar .bar-service .time {
    font-size: 0.82em;
    line-height: 1.4;
}

#sb_booking_content .timeline-sidebar .bar-service .time::after {
    display: block;
    margin-top: 2px;
    font-weight: 400;
}

/* Einzelstunde */
#sb_booking_content
.timeline-sidebar
.bar-service:not(.service-recurring)
.time::after {
    content: "€ 20";
}

/* Herbstreise */
#sb_booking_content
.timeline-sidebar
.bar-service.service-recurring
.time::after {
    content: "€ 200";
}

/* Keine künstlich ergänzten Preise in der Buchungsübersicht */
#sb_bookings_list .bar-service .time::after,
.bookings-list .bar-service .time::after {
    content: none !important;
    display: none !important;
}
/* Beitrag nur in der Buchungs-Zusammenfassung vor dem Absenden */
#sb_booking_content
.current-booking-info
.booking-info--item_provider
td.label::after {
    content: "Beitrag:";
    display: block;
    margin-top: 6px;
}

#sb_booking_content
.current-booking-info
.booking-info--item_provider
td.info::after {
    display: block;
    margin-top: 6px;
    font-weight: inherit;
}

/* Einzelstunde */
#sb_booking_content
.current-booking-info:not(:has(.booking-info--item_recurring-date))
.booking-info--item_provider
td.info::after {
    content: "€ 20";
}

/* Herbstreise */
#sb_booking_content
.current-booking-info:has(.booking-info--item_recurring-date)
.booking-info--item_provider
td.info::after {
    content: "€ 200";
}

/* Ort */
#sb_booking_content
.current-booking-info
.booking-info--item_provider
td.label::before {
    content: "Ort:";
    display: block;
    margin-bottom: 6px;
}

#sb_booking_content
.current-booking-info
.booking-info--item_provider
td.info::before {
    content: "Yoga8 · Alserstraße 26/III · 1090 Wien";
    display: block;
    margin-bottom: 6px;
}

/* Mobile */
@media (max-width: 600px) {

    #sb_booking_content
    .current-booking-info
    .booking-info--item_provider
    td.label::before,
    #sb_booking_content
    .current-booking-info
    .booking-info--item_provider
    td.info::before {
        content: none;
    }

    #sb_booking_content
    .current-booking-info
    .booking-info--item_provider
    td.label::after {
        content: "Beitrag:\A Ort:";
        white-space: pre-line;
        display: block;
        margin-top: 6px;
        line-height: 1.6;
    }

    #sb_booking_content
    .current-booking-info:not(:has(.booking-info--item_recurring-date))
    .booking-info--item_provider
    td.info::after {
        content: "€ 20\A Yoga8 · Alserstraße 26/III · 1090 Wien";
        white-space: pre-line;
        display: block;
        margin-top: 6px;
        line-height: 1.6;
    }

    #sb_booking_content
    .current-booking-info:has(.booking-info--item_recurring-date)
    .booking-info--item_provider
    td.info::after {
        content: "€ 200\A Yoga8 · Alserstraße 26/III · 1090 Wien";
        white-space: pre-line;
        display: block;
        margin-top: 6px;
        line-height: 1.6;
    }
}
/* Buchungsübersicht nach Abschluss:
   künstlich ergänzten Beitrag ausblenden */
#booking-result-view
.current-booking-info
.booking-info--item_provider
td.label::after,
#booking-result-view
.current-booking-info
.booking-info--item_provider
td.info::after {
    content: none !important;
    display: none !important;
}
/* Auf der Buchungsübersicht mobil den Ort behalten,
   aber keinen Beitrag ergänzen */
@media (max-width: 600px) {

    #booking-result-view
    .current-booking-info
    .booking-info--item_provider
    td.label::before {
        content: "Ort:" !important;
        display: block !important;
        margin-bottom: 6px;
    }

    #booking-result-view
    .current-booking-info
    .booking-info--item_provider
    td.info::before {
        content: "Yoga8 · Alserstraße 26/III · 1090 Wien" !important;
        display: block !important;
        margin-bottom: 6px;
    }
}