/*
  Hide global header and navigation/menu
*/
header, /* header container */
#menu, /* main menu/navigation */
.navbar, /* if present */
.sb_navbar, /* SimplyBook nav */
.sb_header, /* any SimplyBook header wrapper */
.sb_page_header {
    display: none !important;
}

/* If there’s a logo/title block */
.sb_logo, 
.sb_company_title {
    display: none !important;
}

/* Hide top spacing above booking widget */
#sb_booking_page_container, 
.sb_main_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hide cookie banner overlay */
#widget-cookies-overlay,
#sb_widget_cookies_overlay {
    display: none !important;
}

/* Booking content area centering */
.sb_booking_content,
.sb_widget {
    margin-top: 0 !important;
}

/* ===================================================== */
/* HIDE THE PROMOTIONS / NEWSLETTER SUBSCRIPTION CHECKBOX */
/* This checkbox says: "Subscribe to be one of the first to receive our promotions..." */
/* ===================================================== */

/* Option 1: Targets the checkbox in most common booking page layouts (recommended first) */
.promotions-letter-flag {
    display: none !important;  /* Completely hides the entire checkbox and its label */
}

/* Option 2: More specific selector for some themes/layouts (use if Option 1 doesn't catch it) */
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button] {
    display: none !important;  /* Hides just the label/checkbox in client login or terms section */
}

/* Option 3: Another specific selector used in timeline/details step (confirmation page) */
#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;  /* Targets the checkbox specifically on the final confirmation/details step */
}

/* Optional: If you want to hide the entire container row (extra space removal) */
/* Uncomment the line below if hiding the checkbox leaves an empty gap you want to remove */
/*
.promotions-letter-flag,
.promotions-letter-flag + br,   /* removes any line break after it */
.license-links-container .promotions-letter-flag {
    display: none !important;
}
*/

/* ===================================================== */
/* REDUCE BANNER / HEADER IMAGE HEIGHT TO 380 PIXELS    */
/* Targets the main banner container in most themes     */
/* ===================================================== */

/* ===================================================== */
/* REDUCE BANNER HEIGHT TO 180 PIXELS                  */
/* Targets the #main-buttons section (your banner container) */
/* ===================================================== */

#main-buttons {
    height: 180px !important;               /* Fixed height for the banner area */
    min-height: 180px !important;           /* Prevents it from shrinking */
    max-height: 180px !important;
    overflow: hidden !important;            /* Crops any excess if the image/content overflows */
}

/* Improve image scaling within the fixed height */
/* Changes from 'auto' (full original size) to 'cover' for better fill without distortion */
#main-buttons {
    background-size: cover !important;      /* Fills the 380px height, crops edges if needed (recommended) */
    background-position: center center !important;  /* Keeps focal point centered */
    background-repeat: no-repeat !important;
}

/* Optional: If you prefer the full image visible (no cropping, may add letterboxing/side bars) */
/* Comment out the 'cover' line above and uncomment this instead: */
/*
#main-buttons {
    background-size: contain !important;
}
*/