/* Guest header: align theme / favorites / CTA controls on one vertical center line */

.site-header .nav-shell {
  align-items: center;
}

.site-header .nav-actions {
  display: flex;
  align-items: center;
  align-self: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Hamburger is mobile-only (design: .mobile-menu-btn { display:none } until ≤820px) */
.site-header .nav-actions > .mobile-menu-btn {
  display: none !important;
}

@media (max-width: 820px) {
  .site-header .nav-actions > .mobile-menu-btn {
    display: inline-flex !important;
  }
}

.site-header .nav-actions > .icon-btn:not(.mobile-menu-btn),
.site-header .nav-actions > a.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  line-height: 1;
  box-sizing: border-box;
}

.site-header .nav-actions > .icon-btn i,
.site-header .nav-actions > a.icon-btn i {
  display: block;
  line-height: 1;
  font-size: 1.05rem;
  margin: 0;
}

.site-header .nav-actions > .btn,
.site-header .nav-actions > a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.site-header .nav-actions > .btn i,
.site-header .nav-actions > a.btn i {
  line-height: 1;
}

.site-header .nav-actions > .sarmayech-fav-nav {
  color: #b17b25;
}

.site-header .nav-actions > .sarmayech-fav-nav:hover {
  color: #8f5f16;
  border-color: rgba(193, 151, 77, 0.65);
}

html[data-theme='dark'] .site-header .nav-actions > .sarmayech-fav-nav {
  color: #e1b76c;
}

/* Desktop nav dropdowns in dark mode */
html[data-theme='dark'] .site-header .desktop-nav.site-menu .site-menu__submenu {
  background: #0b2638;
  border-color: rgba(225, 176, 95, 0.35);
  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.48);
}

html[data-theme='dark'] .site-header .desktop-nav .site-menu__submenu a {
  color: #f2f4f3 !important;
}

html[data-theme='dark'] .site-header .desktop-nav .site-menu__submenu a:hover {
  color: #f2c675 !important;
  background: rgba(225, 176, 95, 0.14);
}

html[data-theme='dark'] .site-header .desktop-nav .site-menu__submenu a[aria-current='page'] {
  color: #f2c675 !important;
  background: rgba(225, 176, 95, 0.22);
}

html[data-theme='dark'] .site-header .site-menu__submenu--more a i {
  color: #e1b76c;
}