/* EduAI.bd main theme for the public header (same navy, teal and white as the EduAI.bd CMS site).
   Loaded after site.css, so it only changes the header and top strip. */
.topbar {
  background: linear-gradient(90deg, #071b28 0%, #0b2a3c 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #d3e9ee;
}
.topbar a,
.topbar span,
.topbar-note,
.topbar-note span {
  color: #d3e9ee;
}
.topbar-email:hover,
.topbar-phone:hover {
  color: #2dd4bf;
}
.topbar-divider {
  background: rgba(255, 255, 255, 0.18);
}

.site-header {
  background: #071b28;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.6);
}
.site-header .header-inner {
  min-height: 84px;
}

/* logo: white glass pill so the dark logo text stays readable on the navy header */
.brand-pill {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 16px;
  padding: 8px 16px;
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px -14px rgba(45, 212, 191, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-flex;
  align-items: center;
}
.brand-pill .brand-logo-img {
  display: block;
  height: 52px;
  width: auto;
}
.brand-pill:hover {
  transform: translateY(-1px);
}

.primary-nav a,
.primary-nav .nav-link {
  color: #d3e9ee;
  font-size: 1.05rem;
  font-weight: 600;
}
.primary-nav a:hover,
.primary-nav a.is-active {
  color: #2dd4bf;
}
.primary-nav a.is-active::after {
  background: #2dd4bf;
}

.login-link {
  color: #e8f4f7;
  font-weight: 700;
  font-size: 1.02rem;
}
.login-link:hover {
  color: #2dd4bf;
}

.header-actions .btn,
.header-actions a.btn {
  background: linear-gradient(135deg, #2dd4bf, #38bdf8);
  color: #03243a;
  border: none;
  box-shadow: 0 12px 28px -12px rgba(45, 212, 191, 0.7);
  font-weight: 700;
}
.header-actions .btn:hover {
  transform: translateY(-2px);
}

.menu-toggle,
.nav-toggle {
  color: #e8f4f7;
  border-color: rgba(255, 255, 255, 0.2);
}