/* GAS AV v4.5.1 — Full Navbar + Customer Login Page Polish
   Scope: local development patch. No database changes. */
:root{--gas-blue:#1464ff;--gas-navy:#07184a;--gas-soft-blue:#edf6ff;--gas-line:#d7e6ff;--gas-text:#07184a;--gas-muted:#5f7198}

/* =========================================================
   FULL DESKTOP NAVBAR FIX
   Problem: navbar became too narrow after store/customer buttons were added.
   Solution: make desktop navbar full-width, tighten nav/action spacing, keep dropdown absolute.
========================================================= */
@media (min-width:1181px){
  .site-header{
    padding:18px clamp(18px,2.4vw,42px) 0!important;
  }
  .site-header .nav-shell,
  .site-header .nav-shell-dropdown{
    width:100%!important;
    max-width:none!important;
    min-height:70px!important;
    height:70px!important;
    margin:0 auto!important;
    padding:0 clamp(16px,1.7vw,28px)!important;
    border-radius:24px!important;
    display:grid!important;
    grid-template-columns:minmax(190px,240px) minmax(500px,1fr) auto!important;
    gap:clamp(14px,1.4vw,28px)!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .site-header .brand-mark{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
  }
  .site-header .brand-logo{
    height:42px!important;
    width:auto!important;
    max-width:230px!important;
    object-fit:contain!important;
  }
  .site-header .nav-links-grouped{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:clamp(4px,.7vw,12px)!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .site-header .nav-dropdown > button,
  .site-header .nav-direct{
    height:42px!important;
    padding:0 clamp(8px,.8vw,14px)!important;
    font-size:clamp(12px,.72vw,14px)!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .site-header .nav-action-group{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:max-content!important;
  }
  .site-header .lang-switch{
    height:42px!important;
    padding:4px!important;
    flex:0 0 auto!important;
  }
  .site-header .lang-switch a{
    min-width:42px!important;
    height:34px!important;
    font-size:11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .site-header .nav-store,
  .site-header .nav-account-pill,
  .site-header .nav-register-pill,
  .site-header .nav-cta{
    height:44px!important;
    padding:0 15px!important;
    border-radius:15px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .site-header .nav-cta{
    padding:0 10px 0 16px!important;
  }
  .site-header .nav-cta span{
    width:26px!important;
    height:26px!important;
    font-size:13px!important;
  }
  .site-header .menu-toggle{display:none!important;}

  body[data-scrolled] .site-header{padding:10px clamp(18px,2.4vw,42px) 0!important;}
  body[data-scrolled] .site-header .nav-shell,
  body[data-scrolled] .site-header .nav-shell-dropdown{
    height:62px!important;
    min-height:62px!important;
    transform:none!important;
  }
  body[data-scrolled] .site-header .brand-logo{height:38px!important;width:auto!important;}
}

/* At medium desktop widths keep navbar clean by moving create-account into Resources only. */
@media (min-width:1181px) and (max-width:1390px){
  .site-header .nav-register-pill{display:none!important;}
  .site-header .nav-shell,
  .site-header .nav-shell-dropdown{grid-template-columns:minmax(176px,220px) minmax(440px,1fr) auto!important;gap:12px!important;}
  .site-header .brand-logo{height:38px!important;}
  .site-header .nav-store,
  .site-header .nav-account-pill,
  .site-header .nav-cta{padding-left:12px!important;padding-right:12px!important;font-size:12px!important;}
  .site-header .nav-dropdown > button,.site-header .nav-direct{padding-left:8px!important;padding-right:8px!important;}
}

/* =========================================================
   CUSTOMER LOGIN / ACCOUNT PAGE POLISH
========================================================= */
.customer-account-v391 .customer-auth-hero{
  padding-top:142px!important;
  padding-bottom:78px!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(0,213,255,.18),transparent 30rem),
    linear-gradient(135deg,#0b3d95 0%,#1464ff 68%,#0aa3ff 100%)!important;
  overflow:hidden!important;
}
.customer-account-v391 .customer-portal-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.88fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.customer-account-v391 .customer-portal-hero h1,
.customer-account-v391 .customer-auth-hero h1{
  color:#fff!important;
  max-width:660px!important;
  font-size:clamp(48px,5.6vw,86px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  margin:18px 0!important;
  text-wrap:balance!important;
}
.customer-account-v391 .customer-auth-hero p{
  color:rgba(255,255,255,.84)!important;
  max-width:640px!important;
  font-size:17px!important;
  line-height:1.75!important;
  font-weight:750!important;
}
.customer-account-v391 .customer-auth-hero .gas-actions{
  margin-top:28px!important;
  gap:14px!important;
}
.customer-account-v391 .portal-login-card,
.customer-account-v391 .customer-auth-card{
  width:100%!important;
  max-width:620px!important;
  justify-self:end!important;
  display:block!important;
  padding:30px!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 34px 100px rgba(4,27,84,.24)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.customer-account-v391 .auth-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:14px!important;
}
.customer-account-v391 .auth-card-head h2{
  margin:12px 0 0!important;
  color:var(--gas-navy)!important;
  font-size:28px!important;
  line-height:1.15!important;
  letter-spacing:-.045em!important;
}
.customer-account-v391 .auth-card-head a{
  display:inline-flex!important;
  height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  border:1px solid var(--gas-line)!important;
  color:var(--gas-blue)!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.customer-account-v391 .auth-muted{
  color:#5f7198!important;
  font-size:14px!important;
  line-height:1.65!important;
  margin:0 0 18px!important;
  font-weight:720!important;
}
.customer-account-v391 .portal-login-card label,
.customer-account-v391 .customer-auth-card label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  color:var(--gas-navy)!important;
  font-weight:950!important;
  font-size:13px!important;
}
.customer-account-v391 .customer-auth-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
.customer-account-v391 .portal-login-card > label{
  margin-top:0!important;
  margin-bottom:18px!important;
}
.customer-account-v391 .customer-auth-card input,
.customer-account-v391 .customer-auth-card select,
.customer-account-v391 .customer-auth-card textarea{
  width:100%!important;
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid #cfe0ff!important;
  background:#f8fbff!important;
  padding:0 16px!important;
  color:var(--gas-navy)!important;
  font-weight:800!important;
  outline:none!important;
  box-sizing:border-box!important;
}
.customer-account-v391 .customer-auth-card textarea{padding-top:14px!important;min-height:112px!important;}
.customer-account-v391 .customer-auth-card input:focus,
.customer-account-v391 .customer-auth-card select:focus,
.customer-account-v391 .customer-auth-card textarea:focus{
  border-color:var(--gas-blue)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(20,100,255,.10)!important;
}
.customer-account-v391 .customer-auth-card .btn-blue{
  width:100%!important;
  min-height:54px!important;
  justify-content:center!important;
  margin-top:2px!important;
  border-radius:17px!important;
}
.customer-account-v391 .customer-auth-card .btn-white{
  width:100%!important;
  justify-content:center!important;
  margin-top:10px!important;
}
.customer-account-v391 #logout-customer{display:none!important;}
.customer-account-v391 .customer-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.customer-account-v391 .portal-stat{
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid rgba(20,100,255,.14)!important;
  box-shadow:0 18px 50px rgba(20,100,255,.08)!important;
  padding:22px!important;
}
.customer-account-v391 .portal-stat span{color:#5f7198!important;font-weight:800!important;}
.customer-account-v391 .portal-stat b{font-size:32px!important;color:var(--gas-blue)!important;}
.customer-account-v391 .customer-pro-card{
  border-radius:28px!important;
  border:1px solid rgba(20,100,255,.13)!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(20,100,255,.09)!important;
}

@media (max-width:1024px){
  .customer-account-v391 .customer-portal-grid{grid-template-columns:1fr!important;gap:28px!important;}
  .customer-account-v391 .portal-login-card,.customer-account-v391 .customer-auth-card{justify-self:stretch!important;max-width:none!important;}
}
@media (max-width:720px){
  .customer-account-v391 .customer-auth-hero{padding-top:106px!important;padding-bottom:56px!important;}
  .customer-account-v391 .customer-auth-hero h1{font-size:clamp(40px,12vw,56px)!important;}
  .customer-account-v391 .customer-auth-hero p{font-size:15px!important;}
  .customer-account-v391 .customer-auth-fields,
  .customer-account-v391 .customer-mini-grid,
  .customer-account-v391 .customer-pro-grid{
    grid-template-columns:1fr!important;
  }
  .customer-account-v391 .portal-login-card,
  .customer-account-v391 .customer-auth-card{padding:22px!important;border-radius:24px!important;}
  .customer-account-v391 .auth-card-head{display:block!important;}
  .customer-account-v391 .auth-card-head a{margin-top:12px!important;}
}