/* ===== Dark header (2026-10) — bg #0c1421, Open Sans Light, pink line #d33168 ===== */
.navbar.ta-header{
  background:#0c1421 !important;
  border-bottom:1px solid #d33168 !important;
  padding-top:0; padding-bottom:0;
  min-height:clamp(56px,4.3vw,82px);
  font-family:'Open Sans',sans-serif;
}
/* same width as the page content below (container-xxl + 1rem side padding) */
.ta-header > .container-xxl{padding-left:1rem !important; padding-right:1rem !important; flex-wrap:nowrap;}
.ta-header .navbar-brand{padding:0; margin-right:0;}
.ta-header .navbar-brand img{width:clamp(118px,8.6vw,172px); height:auto; display:block;}
.ta-header .custom-divider{width:2px; height:clamp(26px,2.3vw,44px); background:#ffffff; opacity:.9;}
.ta-header > .container-xxl > .custom-divider{margin:0 clamp(12px,1.7vw,34px) !important;}
.ta-header .navbar-nav{gap:clamp(0px,1.3vw,28px); align-items:center;}
.ta-header .navbar-nav .nav-link{
  color:#e9ebf1 !important;
  font-weight:300 !important;
  font-size:clamp(13px,.95vw,18px) !important;
  letter-spacing:.1px;
  padding:8px 6px !important;
  transition:color .2s ease;
}
.ta-header .navbar-nav .nav-link:hover,
.ta-header .navbar-nav .nav-link:focus{color:#ffffff !important;}
.ta-header .navbar-nav .nav-link.active{color:#ffffff !important;}
.ta-header .nav-item:has(#premiumNav){margin-right:0;}
/* NEW badge: inline gradient pill after the text */
.ta-header #premiumNav{display:inline-flex; align-items:center; gap:6px;}
.ta-header .nav-new-badge{
  position:static !important; top:auto !important; right:auto !important;
  display:inline-block; margin-top:4px;
  background:linear-gradient(90deg,#3f5bdc,#9a3ad8) !important;
  color:#fff !important; font-size:clamp(8px,.52vw,10px) !important; font-weight:600 !important;
  line-height:1 !important; padding:3px 7px !important; border-radius:999px !important;
  letter-spacing:.4px; text-transform:uppercase;
}
/* Upgrade */
.ta-header .btn-gradient{
  background:#ff2d89 !important; color:#fff !important; border:0;
  border-radius:3px !important;
  font-size:clamp(12px,.75vw,15px) !important; font-weight:400 !important;
  padding:clamp(5px,.4vw,8px) clamp(10px,.75vw,14px) !important;
}
.ta-header .btn-gradient:hover{background:#e02676 !important;}
.ta-header .d-flex > .custom-divider{margin:0 clamp(8px,.9vw,16px) !important;}
/* Login / user */
.ta-header .btn-login{
  color:#ffffff !important; background:transparent !important; border:0 !important;
  font-weight:300 !important; font-size:clamp(13px,.95vw,18px) !important;
  padding:4px 2px !important;
}
.ta-header .btn-login:hover{color:#ff7ab3 !important;}
.ta-header .dropdown-menu{font-size:14px;}
/* mobile */
.ta-header .navbar-toggler{border-color:rgba(255,255,255,.35);}
.ta-header .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
@media (max-width:991.98px){
  .navbar.ta-header{padding-top:10px; padding-bottom:10px;}
  .ta-header .navbar-collapse{padding:10px 0 14px;}
  .ta-header .navbar-nav{align-items:flex-start; gap:0;}
  .ta-header .navbar-nav .nav-link{font-size:17px !important;}
  .ta-header .btn-login{font-size:17px !important;}
}

.ta-header .navbar-collapse{min-width:0;}
.ta-header .navbar-nav .nav-link{white-space:nowrap;}
@media (min-width:992px) and (max-width:1199.98px){
  .ta-header .navbar-nav .nav-link{padding:8px 4px !important;}
  .ta-header .btn-gradient{padding:4px 9px !important;}
}

/* logged-in user name: same size/weight as the menu links */
.ta-header .btn-login span{font-size:inherit !important; font-weight:inherit !important;}
.ta-header .btn-login.dropdown-toggle::after{margin-left:6px; vertical-align:middle;}