/* Hide create ticket buttons and tabs (desktop + mobile) */
#createTicket,
#anonymousCreateTicket,
#create_ticket_tab,
#ticket_tab,
#mobile_ticket_tab,
#mobile-create-btn,
#createTicketButton,
.create-ticket-btn-web-view,
.contact-support-btn,
#contact-support-container,
#contact-support-mobileview {
  display: none !important;
}

/* Hide entire ticket list or ticket area if visible */
.ticket-list-container,
.create-ticket-container {
  display: none !important;
}

/* kill the BoldDesk footer credit */
.footer-powered-by,
.footer-right-content.footer-powered-by {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 1) Color the bar so it matches your hero */
.app-header-container.flex {
    background-color: #1a75bb !important;
    border: 0 !important;
}

/* 2) Pull the next section up over that bar */
.app-header-container.flex + * {
    margin-top: -56px !important;   /* adjust this if the gap is taller/shorter */
}

/* 3) In case their wrapper adds padding at the top, kill it */
body > .container:first-of-type {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Hide the top header bar */
#header-section {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}




/* add new here */

/* Reduce the height of the blue hero ("How can we help you?") */
#search-container.search-container.center-content {
  background-color: #1a75bb !important;   /* match header blue */
  min-height: 180px !important;           /* default is around 300px */
  height: 180px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Reduce padding inside the container */
#search-container .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Make the heading and search box closer together */
#search-container .kb-home-banner-title {
  margin-bottom: 10px !important;
  font-size: 1.8rem !important;  /* slightly smaller if you want */
}

/* Adjust search box spacing */
#search-container .search-full.width.flex-vertical,
#search-container .padding-top-32 {
  padding-top: 10px !important;
}

/* Optional: center vertically after height reduction */
#search-container .center-content {
  align-items: center !important;
  justify-content: center !important;
}