/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

#eventForm .form-group.form-client-phone,
.form-group.form-client-phone,
label[for="sb_client_phone"],
#sb_client_phone,
#sb_client_phone ~ .iti {
    display: none !important;
}

/* Troca o texto "Hora" por "Reserva" mantendo tamanho e centralização */
.booking-info .step_info_item:first-child .title-small {
    position: relative;
    visibility: hidden;  /* esconde o texto original ("Hora") */
}

.booking-info .step_info_item:first-child .title-small::after {
    content: "Reserva";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center; /* centraliza horizontal e verticalmente */
}

/* Esconde o passo "Cliente" (2º item da lista) */
.booking-info .step_info_item:nth-child(2) {
    display: none !important;
}

/* Esconde o checkbox de promoções */
#eventForm .promotions-letter-flag,
.promotions-letter-flag {
    display: none !important;
}

/* Troca "Horas de início disponíveis" por "Horários Disponíveis" */
.tab-pd .container-caption {
    position: relative;
    visibility: hidden; /* esconde o texto original */
}

.tab-pd .container-caption::after {
    content: "Horários Disponíveis";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center; /* mantém centralizado */
}

/* Troca "Nossa hora" por "Hora da Capsula" */
#sb_booking_company_time .time b {
    position: relative;
    visibility: hidden; /* esconde o texto original */
}

#sb_booking_company_time .time b::after {
    content: "Hora da Cápsula";
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
}

/* Troca "Nossa hora" por "Hora da Cápsula" */
#sb_booking_company_time .time > div b {
    display: none !important;   /* esconde o <b>Nossa hora</b> */
}

#sb_booking_company_time .time > div::before {
    content: "Hora da Cápsula";
    margin-right: 0.25em;       /* espaço antes dos dois pontos */
}

/* Substitui "Data:" por "Data de Início:" e evita o D... */
.booking-info--item_date-start .label {
    position: relative;
    visibility: hidden;          /* esconde o texto original "Data:" */
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.booking-info--item_date-start .label::after {
    content: "Data de Início:";
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    white-space: nowrap;
}

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