/* ==========================================================================
   Aurora DAW — login + success license UX overlay
   --------------------------------------------------------------------------
   Isolated. Does not edit Stripe URLs, listen players, or deliver-code.mjs.
   Hook after fonts:
     <link rel="stylesheet" href="login-license.css" />
   Leadership bar stays visible. Do not hide .nav-links.
   ========================================================================== */

body:has(#login-h),
body:has(#code-h){
  --license-ice:#7de2ff;
  --license-ink:#06080d;
}

/* Leadership bar on login / success — same console header as the homepage. */
body:has(#login-h) .nav,
body:has(#code-h) .nav,
body:has(#login-h) header.nav,
body:has(#code-h) header.nav{
  height:calc(60px + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  padding-left:max(var(--gut, 20px), env(safe-area-inset-left,0px));
  padding-right:max(var(--gut, 20px), env(safe-area-inset-right,0px));
  background:rgba(5,7,12,.88);
  backdrop-filter:blur(18px) saturate(1.5);
  border-bottom:1px solid rgba(125,226,255,.16);
  box-shadow:0 12px 40px -28px rgba(0,0,0,.8);
}
body:has(#login-h) .nav-links a:hover,
body:has(#code-h) .nav-links a:hover{ color:#f4f1ea }
body:has(#login-h) .nav-cta,
body:has(#code-h) .nav-cta{
  height:38px; padding:0 18px; border-radius:999px;
  border:1px solid rgba(125,226,255,.42);
  background:rgba(125,226,255,.10);
  color:#7de2ff; font-weight:600;
  box-shadow:0 0 0 1px rgba(125,226,255,.12), 0 8px 22px -14px rgba(125,226,255,.7);
}
body:has(#login-h) .nav-cta:hover,
body:has(#code-h) .nav-cta:hover{
  background:#7de2ff; color:#06080d;
}

body:has(#login-h) input[type=text],
body:has(#code-h) input[type=text]{
  min-height:48px;
}

@media (max-width:900px){
  body:has(#login-h) .nav,
  body:has(#code-h) .nav,
  body:has(#login-h) header.nav,
  body:has(#code-h) header.nav{
    flex-wrap:wrap;
    height:auto;
    min-height:calc(60px + env(safe-area-inset-top,0px));
  }
  body:has(#login-h) .nav-links,
  body:has(#code-h) .nav-links{
    display:flex;
    order:3;
    flex:1 0 100%;
    width:100%;
    margin-left:0;
    padding:6px 0 10px;
    gap:18px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body:has(#login-h) .nav-links::-webkit-scrollbar,
  body:has(#code-h) .nav-links::-webkit-scrollbar{ display:none }
  body:has(#login-h) .nav-links a,
  body:has(#code-h) .nav-links a{
    flex:none;
    min-height:36px;
    display:inline-flex;
    align-items:center;
  }
  body:has(#login-h) .nav-cta,
  body:has(#code-h) .nav-cta{ margin-left:auto }
}