/* Force home page header layout to match other pages */
body.home .site-header .header-inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 0 !important;
  min-height: 80px !important;
}

body.home .site-header .header-left,
body.home .site-header .header-right {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  max-width: 38% !important;
  /* Elevate nav to prevent it from rendering behind the logo. */
  position: relative !important;
  /* The logo's z-index is 10, so this needs to be higher. */
  z-index: 11 !important;
}

body.home .site-header .header-left {
  justify-content: flex-start !important;
}

body.home .site-header .header-right {
  justify-content: flex-end !important;
}

body.home .site-header .header-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin-top: 30px !important;
  z-index: 10 !important;
}

@media (max-width: 1450px) {
  body.home .site-header .header-left,
  body.home .site-header .header-right {
    max-width: 40% !important;
  }
  
  .main-navigation ul {
    gap: 15px !important;
  }
  
  .main-navigation a {
    font-size: 16px !important;
  }
  
  .contact-info {
    gap: 10px !important;
  }
  
  .contact-text {
    font-size: 11px !important;
  }
  
  .booking-btn {
    padding: 7px 14px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1280px) {
  .main-navigation ul {
    gap: 10px !important;
  }
  
  .main-navigation a {
    font-size: 14px !important;
  }
  
  .contact-text {
    font-size: 10px !important;
  }
  
  .booking-btn {
    padding: 6px 12px !important;
    font-size: 10px !important;
  }
  
  .contact-box {
    gap: 5px !important;
  }
}