/* Background Color Override for Consistency */
html, body {
  background-color: #1e1e1e !important;
  background: #1e1e1e !important;
}

/* Header Overrides */
.header {
  border-bottom: 1px solid #333 !important;
  padding: 1rem 0 !important;
  margin-bottom: 3rem !important;
  background: #1e1e1e !important;
}

.header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.header__logo {
  display: none !important;
}

.header__logo::after,
.header__logo::before {
  display: none !important;
}

/* Navigation Menu */
.navigation-menu {
  display: flex !important;
  justify-content: center !important;
}

.navigation-menu__inner {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2rem !important;
  align-items: center !important;
}

.navigation-menu__inner li {
  margin: 0 !important;
}

.navigation-menu__inner a {
  text-decoration: none !important;
  color: #f8f8f2 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
  letter-spacing: 0.3px !important;
}

.navigation-menu__inner a:hover {
  color: #da7756 !important;
}

/* Remove unnecessary padding/margins from theme */
.header .menu {
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .menu--desktop {
    display: none !important;
  }

  .header {
    padding: 0.75rem 0 !important;
    margin-bottom: 2rem !important;
  }
}

/* Ensure mobile menu button shows on mobile */
@media (max-width: 768px) {
  .header__inner {
    position: relative !important;
  }
}