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

#sb-timeline #steps-nav li:first-child .title-small, #sb-timeline #steps-nav li.passed .title-small, #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small {
    color: red !important;
}

#sb-timeline #steps-nav li:not(.passed) .title-small {
    color: red !important;
}

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


#main #main-buttons .btn.map a, 
#main #main-buttons .btn.map {
    color: #ffffff !important;
}

#main #main-buttons .btn.custom a, 
#main #main-buttons .btn.custom {
    color: #ffffff !important;
}

#main #main-buttons .btn.map a, 
#main #main-buttons .btn.custom a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    display: inline-block !important;
}

#main #main-buttons .btn.map, 
#main #main-buttons .btn.custom {
    color: #ffffff !important;
    font-size: 15px !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.col-sm-12 .title-section {
    color: #ffffff !important;
}

body {
    background: #000000 !important;
}

:root {
    --chat_bg: #000000 !important;
    --base-color: #000000 !important;
}

#footer #sb_scroll_top_btn i, 
#footer #sb_scroll_top_btn {
    color: #ffffff !important;
}

#sb-timeline #steps #time-settings #sb_booking_company_time,
#sb-timeline #steps #time-settings #sb_booking_company_time * {
    color: #ffffff !important;
}

#main #main-buttons .btn.map {
    background: transparent !important;
    border: 2px solid #ec6b24 !important;
}

#main #main-buttons .btn.map a,
#main #main-buttons .btn.map span {
    color: #ffffff !important;
}

/* Garante que o ícone (se for um pseudo-elemento) também fique branco */
#main #main-buttons .btn.map:after,
#main #main-buttons .btn.map i {
    color: #ffffff !important;
    filter: brightness(0) invert(1) !important;
}

#main-buttons .wrapper .inner .company-name {
    font-size: 50px !important;
    line-height: 1.1 !important;
}

a.btn.select, 
a.btn.select a, 
#sb_booking_content .tab .btn.select a, 
#sb_time_classes_service_container .btn.select a, 
.package-content .btn.select a, 
div.tab .btn.select a, 
.btn.select span,
.btn.select {
    color: #ffffff !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot span {
    color: #ffffff !important;
}

.alert--show-next-available .alert--no-slots-body,
.alert--no-slots-body {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}

.alert--no-slots-body,
.alert--no-slots-body *,
.alert--no-slots-body .alert--no-slots-text {
    color: #000000 !important;
}

.alert--show-next-available .alert--no-slots-body .btn--next-available-date,
.btn--next-available-date {
    color: #ffffff !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected *,
.datepicker table tr td.active,
.datepicker table tr td.active * {
    color: #ffffff !important;
    --colors_text: #ffffff !important;
    --btn-text-color: #ffffff !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption {
    color: #ffffff !important;
}

div.available, 
.time-legend div.available {
    color: #ffffff !important;
}

#sb_book_btn, 
#sb_book_btn span,
.confirm-details .btn,
#sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn {
    color: #ffffff !important;
}

#sb-timeline #steps-nav #menu-active-bg {
    background: #ec6b24 !important;
}

/* --- CONFIGURAÇÃO DO MENU DE PASSOS (SIMPLYBOOK) --- */

/* 1. FUNDO LARANJA (Passos Ativos e Concluídos) */
#sb-timeline #steps-nav li.passed,
#sb-timeline #steps-nav li.active,
#sb-timeline #steps-nav li.step_info_item.passed,
#sb-timeline #steps-nav li.step_info_item.active {
    background: #ec6b24 !important;
}

/* Seta do separador em laranja */
#sb-timeline #steps-nav li.passed::after,
#sb-timeline #steps-nav li.active::after {
    border-left-color: #ec6b24 !important;
}

/* 2. TEXTO BRANCO SOBRE LARANJA (Garante que nada fica vermelho ou preto) */
#sb-timeline #steps-nav li.passed .title-small,
#sb-timeline #steps-nav li.active .title-small,
#sb-timeline #steps-nav li.passed .title-sub,
#sb-timeline #steps-nav li.active .title-sub,
#sb-timeline #steps-nav li.passed a,
#sb-timeline #steps-nav li.active a,
#sb-timeline #steps-nav li.passed a:hover .title-small,
#sb-timeline #steps-nav li.active a:hover .title-small,
#sb-timeline #steps-nav li.active a:focus .title-small {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

/* 3. TEXTO PRETO SOBRE BRANCO (Passos Futuros) */
#sb-timeline #steps-nav li:not(.passed):not(.active) .title-small,
#sb-timeline #steps-nav li:not(.passed):not(.active) .title-sub,
#sb-timeline #steps-nav li:not(.passed):not(.active) a,
#sb-timeline #steps-nav li:not(.passed):not(.active) a:hover .title-small {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

/* 4. ELIMINAR O VERMELHO E ESTILOS DE LINK EM TODO O MENU */
#sb-timeline #steps-nav li a, 
#sb-timeline #steps-nav li a:hover, 
#sb-timeline #steps-nav li a:active {
    text-decoration: none !important;
    outline: none !important;
}

.category-step {
    justify-content: center !important;
}


.service-step {
    justify-content: center !important;
}

.invoice-pay-page,
.invoice-pay-page * {
    color: #fff !important;
}

#sb_main #sb-main-container .return-btn a, #sb_main #sb-main-container #sb_back_button a {
    color: white !important;
}

#sb_main #sb-main-container .return-btn a:hover, #sb_main #sb-main-container #sb_back_button a:hover {
    color: #ec6b24 !important;
}

#footer .copyright {
    color: white !important;
}

#footer a {
    color: #ec6b24 !important;
}

#footer #sb_scroll_top_btn i, #footer #sb_scroll_top_btn {
    visibility: hidden !important;
}

.company-name {
  color: white !important;
}