/* UnderHost shared header fixes - underhost.com, docs, tools (2026-11-07)
   Loaded after every other stylesheet so a page theme cannot override it. */

/* 1. Desktop menus: a closed dropdown never catches the pointer.
   The Dedicated Servers mega menu is wider than its link and lies over the
   Cloud VPS dropdown; while it faded out it still received the pointer and the
   menu script reopened it. Visibility now flips at the end of the fade, and only
   the open dropdown (or the hovered one without JavaScript) is interactive. */
header nav ul > li > .nav-dd{pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
header.nav-js-ready nav ul > li.is-open > .nav-dd,
header:not(.nav-js-ready) nav ul > li:hover > .nav-dd{pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s}
header nav ul > li.is-open{z-index:5}
/* invisible bridge over the gap between a link and its dropdown */
header nav ul > li > .nav-dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}

/* 2. Login button: fixed colours, never taken from the page theme */
header a.uh-login,
header nav a.nav-cta.uh-login{
  display:inline-flex!important;align-items:center;gap:8px;
  background:linear-gradient(135deg,#0091d6 0%,#00b6e3 100%)!important;
  color:#fff!important;opacity:1!important;filter:none!important;
  border:0!important;border-radius:10px!important;
  padding:9px 18px!important;font-weight:700!important;letter-spacing:.4px;line-height:1;
  box-shadow:0 6px 16px rgba(0,145,214,.32);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
header a.uh-login:hover,
header a.uh-login:focus-visible{
  background:linear-gradient(135deg,#007dbb 0%,#00a2cc 100%)!important;color:#fff!important;
  transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,145,214,.42);
}
header a.uh-login:focus-visible{outline:2px solid #0a1628;outline-offset:2px}
.uh-login svg{width:16px;height:16px;flex:0 0 16px;display:block;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* mobile menu login button */
a.mob-cta.uh-login{
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#0091d6 0%,#00b6e3 100%)!important;color:#fff!important;
  opacity:1!important;border:0!important;border-radius:12px!important;font-weight:700!important;
}
a.mob-cta.uh-login svg{width:18px;height:18px;flex:0 0 18px}

@media (prefers-reduced-motion:reduce){
  header nav ul > li > .nav-dd,header a.uh-login{transition:none}
}