.fa, .fas, .far, .fal, .fad, .fab {
    display: none !important;
}


/* REMOVE THE ENTIRE TOP HERO SECTION ("Book Now" + big image) */
#main-buttons,
#main-buttons .wrapper,
#main-buttons .inner,
#main-buttons .bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* REMOVE leftover space caused by parent containers */
section#main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* ============================
   FIX BACK BUTTON
============================ */
#sb_back_button {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
#sb_back_button > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 10px !important; 
    cursor: pointer !important;
}
#sb_back_button a span {
    pointer-events: none !important;
}

/* Hide steps navigation + booking company time */
#steps-nav,
#sb_booking_company_time {
    display: none !important;
}

/* ============================
   BASIC COLOR OVERRIDES
============================ */
#sb-cell.free {
    background: #ff8800 !important;
}
#sb_time_slots_container a.sb-cell.free {
    background: #ff8800 !important;
    color: #fff !important;
    border-color: #ff8800 !important;
    transition: 0.2s ease-in-out;
}
#sb_time_slots_container a.sb-cell.free:hover {
    background: #ff6600 !important;
    border-color: #ff6600 !important;
    transform: scale(1.05);
}
#sb-timeline #steps #steps-content #sb_booking_content 
.datetime-step #sb_dateview_container .top-date-select 
.calendar .weeks-date .date.selected {
    background: #ff8800 !important;
}

/* ============================
   REMOVE PROMOTION CHECKBOXES
============================ */
#sb_terms_and_conditions > div > div.promotions-letter-flag.v2,
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button],
#sb-main-container #main #sb-timeline #steps #details 
.detail-step-wrap .detail-step .license-links-container 
.promotions-letter-flag label[role=button] {
    display: none !important;
}

/* ============================
   HIDE HEADER + REMOVE EMPTY SPACE
============================ */
#header *, 
#sb_header * {
    display: none !important;
}
#header, 
#sb_header {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* ============================
   MAIN WIDGET / BOOKING BOX
============================ */
#sb_booking_content,
#widget_container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

/* Remove unwanted outer spacing */
#sb_main_container,
#sb_wrapper,
#sb_booking_page {
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================
   HIDE SERVICE PAGE HEADER IMAGE
============================ */
#sb-main #sb_content #sb_booking_content .head,
#sb_content .head,
#sb_booking_content .head {
    display: none !important;
}
#sb-main #sb_content,
#sb_booking_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================
   HIDE CART ICON
============================ */
#sb_booking_info,
#sb_booking_cart,
.sb-booking-cart,
.sb-cart-btn,
.cart-btn {
    display: none !important;
}

/* ============================
   HIDE ADD ANOTHER SERVICE
============================ */
#add_new_service_btn,
.add_new_service_btn,
button.add_new_service_btn,
#eventForm .add-service,
#eventForm .add_new_service,
#sb_booking_content .add_new_service_btn {
    display: none !important;
}

/* ============================
   HIDE TAX COLUMN
============================ */
table th:nth-child(3),
table td:nth-child(3) {
    display: none !important;
}

/* ============================
   RESPONSIVE
============================ */
@media screen and (max-width: 768px) {
    #sb_booking_content,
    #widget_container {
        padding: 15px !important;
    }
}
@media screen and (max-width: 480px) {
    #sb_booking_content,
    #widget_container {
        padding: 10px !important;
    }
}