/* booking page start */

/* General styling for booking result view */
#sb_content #booking-result-view {
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #D1D1D1 !important;
}

/* Style for the container column */
#sb_content #booking-result-view .container-fluid.column {
    background-color: #131313 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

/* Set background color for booking tabs */
#sb_content #booking-result-view #booking-result-tabs {
    background-color: #131313 !important;
}

/* Style for tab links - both active and inactive */
#sb_content #booking-result-view .tab-link a {
    font-family: "Montserrat", sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

/* Style for alert messages */
#sb_content #booking-result-view .alert.alert-info {
    background-color: #ffffff !important;
    color: #131313 !important; /* Text color for better contrast on white */
    font-family: "Montserrat", sans-serif !important;
}

/* Back arrow icon styling */
#sb_content #booking-result-view .fa.fa-angle-left {
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #D1D1D1 !important;
}

/* Back to services link text */
#sb_content #booking-result-view #sb_back_to_bookings a span:not(.fa) {
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #D1D1D1 !important;
}

/* booking page konec */

/* header start */

/* Apply global styling to header and all its elements */
#header.web,
#header.web *,
#header.web .container-fluid,
#header.web .row,
#header.web .header-controls,
#header.web .nav-wrapper,
#header.web .nav-trigger,
#header.web #sb_menu,
#header.web .items-wrapper {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
    background-color: #131313 !important;
}

/* Style all links in the header */
#header.web a,
#header.web a:hover,
#header.web a:active,
#header.web a:focus,
#header.web .nav li a,
#header.web .menu-item a {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
    background-color: #131313 !important;
    text-decoration: none !important;
}

/* Handle active menu items */
#header.web .menu-item.active a {
    color: #886f22 !important;
    background-color: #131313 !important;
}

/* Ensure dropdown menus have the same styling */
#header.web .dropdown-menu,
#header.web .dropdown-menu * {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
    background-color: #131313 !important;
}

/* Override any borders or shadows */
#header.web,
#header.web .container-fluid,
#header.web .nav-wrapper,
#header.web .nav,
#header.web .menu-item {
    border: none !important;
    box-shadow: none !important;
}

/* header konec */

/* body start */

/* Set base styles for all elements in the content view */
#sb_content #content-view .container-fluid,
#sb_content #content-view .container-fluid * {
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #D1D1D1 !important;
}

/* Style the title elements */
#sb_content #content-view .container-fluid .title-main {
    font-family: "Montserrat", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Style the three main sections with dark background and gold border */
#sb_content #content-view .container-fluid #schedule.section,
#sb_content #content-view .container-fluid #about-us.section,
#sb_content #content-view .container-fluid #contacts.section,
#sb_content #content-view .container-fluid .section {
    background-color: #131313 !important;
    border: 1px solid #886f22 !important;
    border-radius: 3px !important;
}

/* Ensure links maintain styling within these sections */
#sb_content #content-view .container-fluid a {
    font-family: "Montserrat", sans-serif !important;
    color: #D1D1D1 !important;
    text-decoration: none !important;
}

/* Ensure section-pd has proper padding and background */
#sb_content #content-view .container-fluid .section-pd {
    background-color: #131313 !important;
    padding: 15px !important;
}

/* body konec */


.promotions-letter-flag.v2 {
    display: none;
}

li.step_info_item.active{
background-color: #131313 !important;
}

/* faktura start */

/* Set Montserrat font for all elements in this page */
.page-pd.invoice-pay-page--page-pd.invoice-return,
.page-pd.invoice-pay-page--page-pd.invoice-return * {
    font-family: "Montserrat", sans-serif !important;
}

/* Hide the invoices list link */
.page-pd.invoice-pay-page--page-pd.invoice-return .to-invoices-list {
    display: none !important;
}

/* Style the payment cancelled message */
.page-pd.invoice-pay-page--page-pd.invoice-return .message {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Set dark background for the table */
.page-pd.invoice-pay-page--page-pd.invoice-return .table-responsive {
    background-color: #131313 !important;
}

/* Add the button with custom styling */
.page-pd.invoice-pay-page--page-pd.invoice-return .right-block--footer:after {
    content: "";
    display: block;
    margin-top: 20px;
    text-align: center;
}

/* faktura konec */

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header span {
    color: #886F22 !important;
}

.sb-cell.free {
    background: #886F22 !important;
    color: #FFFEF0 !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background: #886F22 !important;
}