/* Logo Alignment Fix CSS */

/* Ensure the logo is vertically aligned with navigation */
header .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

header .logo,
header a.logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

header nav {
  display: flex !important;
  align-items: center !important;
}

/* Ensure consistent alignment on all pages */
.header-container,
header .container,
.main-header .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Fix for mobile view */
@media (max-width: 900px) {
  header .container {
    justify-content: center !important;
    position: relative !important;
  }

  header .logo,
  header a.logo {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    justify-content: center !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  header .hamburger {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1001 !important;
  }
}