/* Header Layout */
.mb-header {
  position: relative;
  background: var(--bg-primary, #fff);
  border-bottom: 1px solid var(--border-color, #e4e4e4);
  z-index: 1000;
  transition: background 0.3s ease, border-bottom-color 0.3s ease;
}
#masthead {
  padding: 0 !important;
}
.mb-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  /* max-width: 1200px; */
  margin: 0 auto;
}

.mb-header__logo {
  flex-shrink: 0;
}

.mb-header__logo img {
  height: 37px;
  width: auto;
}

.mb-header__nav {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  margin: 0 32px;
}

.mb-header__menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0px;
  /* width: 380px; */
}

.mb-header__menu li {
  position: relative;
}

.mb-header__menu a {
  color: var(--text-primary, #333);
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  padding: 8px 0;
  transition: color 0.3s ease;
}

.mb-header__menu a:hover {
  color: var(--accent-primary, #E82100);
}

.mb-header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Mobile menu button */
.mb-header__menu-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: background 0.3s ease;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb-header__menu-btn:hover {
  background: rgba(255, 105, 79, 0.1);
}

.mb-header__menu-btn svg {
  width: 32px;
  height: 32px;
  color: var(--text-primary, #333);
}

/* Desktop styles */
@media (min-width: 1025px) {
  .mb-header__menu-btn {
    display: none;
  }
}

/* Mobile responsive header */
@media (max-width: 1024px) {
  .mb-header__nav {
    display: none;
  }

  .mb-header__menu-btn {
    display: block;
  }

  .mb-header__actions {
    display: none;
  }

  .mb-header__container {
    padding: 12px 16px;
  }
}

@media (max-width: 768px) {
  .mb-header__actions {
    gap: 12px;
  }

  .mb-header__btn {
    padding: 10px 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .mb-header__container {
    padding: 10px 12px;
  }

  .mb-header__actions {
    gap: 8px;
  }

  .mb-header__btn {
    padding: 8px 12px;
    font-size: 12px;
  }
}

/* Mobile submenu styles */
.mb-mobile-submenu {
  display: none;
  background: rgba(228, 228, 228, 0.1);
  margin: 0 16px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(228, 228, 228, 0.3);
}

.mb-mobile-submenu-item {
  display: block;
  padding: 16px 16px 16px 32px; /* Indented from parent */
  color: #333333;
  text-decoration: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 18px; /* Smaller than parent but larger than original */
  font-weight: 400;
  border-bottom: 1px solid rgba(228, 228, 228, 0.5);
  transition: color 0.3s ease, background 0.3s ease;
}

.mb-mobile-submenu-item:last-child {
  border-bottom: none;
}

.mb-mobile-submenu-item:hover {
  color: #E82100;
  background: rgba(255, 105, 79, 0.1);
}

.mb-mobile-menu-item--parent {
  cursor: default;
}

.mb-mobile-menu-item--parent.has-submenu {
  cursor: pointer;
}

.mb-mobile-menu-item--parent .mb-mobile-menu-item-icon {
  transition: transform 0.3s ease;
}

.mb-mobile-menu-item--parent.active .mb-mobile-menu-item-icon {
  transform: rotate(180deg);
}

/* Dark theme styles for submenu */
.dark-theme .mb-mobile-submenu {
  background: rgba(249, 249, 249, 0.05);
  border-color: rgba(249, 249, 249, 0.1);
}

.dark-theme .mb-mobile-submenu-item {
  color: #f9f9f9;
  border-bottom-color: rgba(249, 249, 249, 0.1);
}

.dark-theme .mb-mobile-submenu-item:hover {
  color: #E82100;
  background: rgba(255, 105, 79, 0.1);
}

/* Mobile theme toggle design */
#mb-mobile-theme-toggle .mb-theme-toggle {
  width: 100%;
  padding: 4px;
  background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,105,79,0.1) 100%);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  border: none;
  box-shadow: none;
}

#mb-mobile-theme-toggle .mb-theme-btn {
  width: auto;
  flex: 1;
  height: auto;
  padding: 12px;
  border-radius: 100px;
  background: transparent;
  color: var(--text-secondary);
  border: none;
  box-shadow: none;
  transition: background 0.3s ease, color 0.3s ease;
}

#mb-mobile-theme-toggle .mb-theme-btn.active {
  background: #E82100;
  color: white;
}

#mb-mobile-theme-toggle .mb-theme-btn:hover {
  background: rgba(255,105,79,0.1);
}

#mb-mobile-theme-toggle .mb-theme-btn.active:hover {
  background: #E82100;
}

#mb-mobile-theme-toggle .mb-theme-icon {
  width: 24px;
  height: 24px;
}

#mb-mobile-theme-toggle .mb-theme-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

#mb-mobile-theme-toggle .mb-theme-auto-text {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
}