/* SHAUNZ SPORTS ELITE — polish and accessibility layer */
:root{
  --elite-ink:#061321;
  --elite-navy:#071d35;
  --elite-blue:#0877ff;
  --elite-cyan:#33d8e8;
  --elite-paper:#f6fafc;
  --elite-muted:#5f7284;
  --elite-line:rgba(6,19,33,.10);
  --elite-shadow:0 22px 60px rgba(6,19,33,.14);
}

/* Development labels never appear on the public build */
.pro-edition{display:none!important}

/* Header refinement */
.site-header{background:rgba(250,252,254,.96)!important}
.navbar{min-height:82px!important;max-width:1360px!important}
.brand img{width:166px!important;max-height:58px!important}
.navigation{gap:24px!important}
.nav-search{color:var(--elite-ink)!important}
.nav-quote{
  min-width:142px!important;
  background:var(--elite-blue)!important;
  color:#fff!important;
  border:1px solid var(--elite-blue)!important;
  box-shadow:0 10px 24px rgba(8,119,255,.20)!important;
}
.nav-quote:hover,.nav-quote:focus-visible{
  background:#fff!important;
  color:var(--elite-blue)!important;
  border-color:var(--elite-blue)!important;
  box-shadow:0 12px 28px rgba(8,119,255,.18)!important;
}

/* Buttons: readable at rest and on hover */
.button{font-size:11px!important;min-height:48px}
.button-accent{
  background:var(--elite-cyan)!important;
  color:var(--elite-ink)!important;
  border:1px solid var(--elite-cyan)!important;
  box-shadow:0 12px 28px rgba(51,216,232,.20)!important;
}
.button-accent:hover,.button-accent:focus-visible{
  background:#fff!important;
  color:var(--elite-ink)!important;
  border-color:#fff!important;
}

/* Quality assurance: high contrast in first view */
.quality-section{
  background:linear-gradient(135deg,#071d35 0%,#0a2d4b 100%)!important;
  color:#fff!important;
  padding:104px 0!important;
}
.quality-grid{align-items:center!important;gap:64px!important}
.quality-copy .eyebrow{color:#62ddeb!important}
.quality-copy h2{
  color:#fff!important;
  font-size:clamp(48px,5.8vw,84px)!important;
  line-height:.96!important;
  max-width:660px;
  text-shadow:none!important;
}
.quality-copy p{
  color:#c5d5e2!important;
  max-width:600px;
  font-size:16px!important;
  line-height:1.75!important;
}
.quality-checks{background:transparent!important;gap:14px!important}
.quality-checks>div{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:20px!important;
  padding:24px 28px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.12)!important;
}
.quality-checks b{color:#00b9d2!important;font-size:18px!important}
.quality-checks strong{color:var(--elite-ink)!important;font-size:17px!important}
.quality-checks small{color:#607386!important;font-size:14px!important}

/* Final CTA: shorter, cleaner and readable */
.cta-section{
  background:linear-gradient(125deg,#0877ff 0%,#075dc9 100%)!important;
  padding:76px 0 64px!important;
  min-height:0!important;
}
.cta-inner h2{
  color:#fff!important;
  font-size:clamp(46px,5.6vw,78px)!important;
  line-height:.98!important;
  max-width:980px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cta-inner p{color:rgba(255,255,255,.88)!important;font-size:16px!important}
.cta-actions{margin-top:28px!important}
.cta-actions .button-accent{
  background:#fff!important;
  color:var(--elite-ink)!important;
  border-color:#fff!important;
  min-width:164px;
}
.cta-actions .button-accent:hover,.cta-actions .button-accent:focus-visible{
  background:var(--elite-ink)!important;
  color:#fff!important;
  border-color:var(--elite-ink)!important;
}
.cta-actions .button-ghost{
  color:#fff!important;
  border-color:rgba(255,255,255,.52)!important;
  background:transparent!important;
  min-width:150px;
}
.cta-actions .button-ghost:hover,.cta-actions .button-ghost:focus-visible{
  background:#fff!important;
  color:var(--elite-blue)!important;
  border-color:#fff!important;
}
.contact-line{margin-top:38px!important;color:rgba(255,255,255,.92)!important;font-size:12px!important}
.contact-line a{color:#fff!important}

/* Footer polish */
.footer{background:#04111f!important}
.footer-top{padding-top:72px!important;padding-bottom:56px!important}
.footer-grid,.footer-top{gap:48px!important}
.footer a{transition:color .2s ease,opacity .2s ease}
.footer a:hover{color:#fff!important}
.footer-contact-card{background:#0a2742!important;border:1px solid rgba(255,255,255,.08)!important}

/* Better keyboard accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(51,216,232,.65)!important;
  outline-offset:3px!important;
}

@media(max-width:1100px){
  .quality-grid{grid-template-columns:1fr!important;gap:42px!important}
  .quality-copy h2{max-width:760px}
}
@media(max-width:760px){
  .navbar{min-height:74px!important}
  .brand img{width:145px!important}
  .quality-section{padding:76px 0!important}
  .quality-copy h2{font-size:48px!important}
  .quality-checks>div{padding:21px 20px!important}
  .cta-section{padding:66px 0 56px!important}
  .cta-inner h2{font-size:44px!important}
  .cta-actions{flex-direction:column!important;align-items:stretch!important;max-width:330px;margin-left:auto!important;margin-right:auto!important}
  .cta-actions .button{width:100%!important}
}
