/* 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: same style as the site's primary buttons (light cyan into the
   logo blue #00A6FC, white text), fixed - 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(90deg,#00d4ff 0%,#00a6fc 100%)!important;
  color:#fff!important;opacity:1!important;filter:none!important;text-shadow:0 1px 1px rgba(4,22,50,.25);
  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,166,252,.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(90deg,#00c4f2 0%,#0091d6 100%)!important;color:#fff!important;
  transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,166,252,.45);
}
header a.uh-login:focus-visible{outline:2px solid #041632;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(90deg,#00d4ff 0%,#00a6fc 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}
}

/* 3. Account panel under the Login button (desktop): sign-in form, or the
   customer's CustomerPanel shortcuts when signed in. Click to open. */
header nav ul > li.uh-acct{position:relative}
.uh-acct-panel{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid rgba(0,100,200,.12);border-radius:16px;box-shadow:0 20px 40px rgba(4,22,50,.16);padding:18px;z-index:850;text-align:left;text-transform:none;letter-spacing:normal}
.uh-acct-panel[hidden]{display:none}
.uh-acct-title{margin:0 0 12px;font-size:15px;font-weight:700;color:#041632}
.uh-acct-error{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#fef2f2;color:#b42318;font-size:13px}
.uh-acct-error[hidden]{display:none}
.uh-acct-form label{display:block;margin:0 0 10px;font-size:12px;font-weight:600;color:#475569}
.uh-acct-form input[type=email],.uh-acct-form input[type=password]{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;font-size:14px;color:#041632;background:#fff}
.uh-acct-form input:focus{outline:2px solid #00a6fc;outline-offset:0;border-color:#00a6fc}
.uh-acct-submit{display:block;width:100%;margin-top:4px;padding:11px;border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(90deg,#00d4ff 0%,#00a6fc 100%);text-shadow:0 1px 1px rgba(4,22,50,.25)}
.uh-acct-submit:hover{background:linear-gradient(90deg,#00c4f2 0%,#0091d6 100%)}
.uh-acct-submit:disabled{opacity:.7;cursor:wait}
.uh-acct-links{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12.5px}
.uh-acct-panel a{color:#0091d6;text-decoration:none}
.uh-acct-panel a:hover{text-decoration:underline}
.uh-acct-member[hidden]{display:none}
.uh-acct-member a{display:block;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;color:#041632!important}
.uh-acct-member a:hover{background:#eaf6ff;text-decoration:none;color:#0091d6!important}
.uh-acct-member a.uh-acct-logout{margin-top:6px;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;color:#64748b!important}