/*
 * UORealms Nav Bar - v1.0.1
 * Enhances BB's existing header only.
 */

/* ============================================================
   LOGO
   ============================================================ */

.bb-rl-header .bb-rl-logo-wrap > img,
.bb-rl-header .bb-rl-logo-wrap > a:not(.urbb-logo-inject) img {
  display: none !important;
}

.urbb-logo-inject img {
  display: block !important;
}

.urbb-logo-inject {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  text-decoration: none !important;
}

.urbb-logo-inject img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.urbb-logo-inject span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #e8f0ff !important;
  white-space: nowrap !important;
}

/* ============================================================
   NAV LINKS
   ============================================================ */

nav.urbb-nav-inject {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex: 1 !important;
  padding: 0 8px !important;
}

nav.urbb-nav-inject a {
  display: flex !important;
  align-items: center !important;
  height: 65px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #5a6a90 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.15s, border-color 0.15s !important;
  white-space: nowrap !important;
}

nav.urbb-nav-inject a:hover {
  color: #e8f0ff !important;
  border-bottom-color: rgba(124,63,168,0.4) !important;
}

nav.urbb-nav-inject a.urbb-nav-active {
  color: #7c3fa8 !important;
  border-bottom-color: #7c3fa8 !important;
}

/* ============================================================
   ANNOUNCEMENT BAR - push below header exactly
   Header bottom = 32px admin bar + 98px header = 130px
   ============================================================ */

.uor-login-fun-message,
#uor-login-fun-message,
[aria-label="UORealms welcome message"] {
  top: 130px !important;
  z-index: 1029 !important;
}

body:not(.admin-bar) .uor-login-fun-message,
body:not(.admin-bar) #uor-login-fun-message,
body:not(.admin-bar) [aria-label="UORealms welcome message"] {
  top: 98px !important;
}

/* ============================================================
   PUSH PAGE CONTENT DOWN to clear header
   Header is 98px tall, admin bar adds 32px = 130px total
   ============================================================ */

body.admin-bar #page.bb-readylaunch,
body.admin-bar .site.bb-readylaunch {
  padding-top: 130px !important;
  box-sizing: border-box;
}

body:not(.admin-bar) #page.bb-readylaunch,
body:not(.admin-bar) .site.bb-readylaunch {
  padding-top: 98px !important;
  box-sizing: border-box;
}

@media screen and (max-width: 860px) {
  nav.urbb-nav-inject { display: none !important; }
  .urbb-logo-inject span { display: none !important; }
}