/* ============================================================
   RealDomainSearch — Header v2
   ============================================================ */
.site-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 12px rgba(15,43,91,.07);
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: box-shadow var(--t-mid);
}
.site-header.scrolled {
  box-shadow: 0 4px 20px rgba(15,43,91,.12);
}
.navbar { padding: 14px 0; }
.navbar-brand { padding: 0; text-decoration: none; }

/* Logo text */
.logo-text {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--primary);
  letter-spacing: -.02em;
  line-height: 1;
  margin: 0;
  text-decoration: none;
}
.logo-text .domain-part { color: var(--accent); }

/* Nav links */
.navbar-nav { margin-left: auto; }
.nav-item   { margin: 0 2px; }
.nav-link {
  font-size: .9rem;
  font-weight: 600;
  color: var(--text);
  padding: 8px 14px;
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
  position: relative;
}
.nav-link:hover { color: var(--accent); background: rgba(0,194,168,.07); }
.nav-item.active .nav-link {
  color: var(--accent);
  background: rgba(0,194,168,.09);
}
.nav-item.active .nav-link::after {
  content: '';
  position: absolute;
  bottom: 4px; left: 14px; right: 14px;
  height: 2px;
  background: var(--accent);
  border-radius: var(--r-full);
}

/* Mobile toggler */
.navbar-toggler {
  border: 2px solid var(--border);
  border-radius: var(--r-sm);
  padding: 5px 9px;
  background: none;
  cursor: pointer;
  transition: border-color var(--t-fast);
}
.navbar-toggler:hover { border-color: var(--accent); }
.navbar-toggler:focus { outline: none; }
.navbar-toggler-icon {
  display: block;
  width: 22px; height: 20px;
  position: relative;
  cursor: pointer;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon span {
  content: '';
  display: block;
  width: 100%; height: 2px;
  background: var(--primary);
  border-radius: 2px;
  position: absolute;
  transition: all var(--t-fast);
}
.navbar-toggler-icon::before { top: 0; }
.navbar-toggler-icon span    { top: 50%; transform: translateY(-50%); }
.navbar-toggler-icon::after  { bottom: 0; }

/* Responsive */
@media (max-width: 991px) {
  .navbar-collapse {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    position: absolute;
    top: calc(100% + 8px);
    left: 0; right: 0;
    padding: var(--sp-sm) var(--sp-md) var(--sp-md);
    z-index: 999;
  }
  .nav-item { margin: 2px 0; }
  .nav-link  { padding: 10px 12px; border-radius: var(--r-md); }
  .nav-item.active .nav-link::after { display: none; }
}
@media (max-width: 767px) { .navbar { padding: 10px 0; } }


/* Mobile menu bugfix — keep collapsed menu visible and readable on dark theme */
.navbar { position: relative; }
.navbar-toggler-icon span {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .site-header .navbar-collapse {
    background: #080808 !important;
    border: 1px solid rgba(168,85,247,.45) !important;
    border-radius: 14px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.72) !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    padding: 10px !important;
    z-index: 2000 !important;
  }
  .site-header .navbar-collapse.collapse:not(.show) { display: none !important; }
  .site-header .navbar-collapse.collapse.show,
  .site-header .navbar-collapse.collapsing { display: block !important; }
  .site-header .navbar-nav { margin-left: 0 !important; width: 100%; }
  .site-header .nav-item { margin: 2px 0 !important; width: 100%; }
  .site-header .nav-link {
    display: block !important;
    width: 100% !important;
    color: rgba(255,255,255,.88) !important;
    background: transparent !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
  }
  .site-header .nav-link:hover,
  .site-header .nav-item.active .nav-link {
    color: #fff !important;
    background: rgba(168,85,247,.16) !important;
  }
  .site-header .nav-item.active .nav-link::after { display: none !important; }
}