/* ============================================================
   PRIME ATHLETICS — GLOBAL SHELL (mirrors static Final_Screens exactly)
   Header (3-row) + Footer + full-page background watermark.
   Extracted verbatim from responsive-fixes-20260723.css (approved rev 20260806a).
   Enqueued AFTER style.css so it wins the cascade. Easily editable below.
   ============================================================ */

.pa-header-two-row { position:relative; z-index:50; width:100%; }

/* ---------- BASE structural (pre-approved-rev) ---------- */
.pa-mainnav { background:rgba(255,255,255,.94); border-bottom:2px solid #C5B358; box-shadow:0 5px 18px rgba(0,0,0,.10); }
.pa-links { display:flex; align-items:center; gap:6px; }
.pa-nav-link, .pa-shop-link { display:inline-flex; align-items:center; justify-content:center; border-radius:6px; font-family:'Oswald',sans-serif; text-transform:uppercase; text-decoration:none; transition:.18s ease; }

/* ---------- BACKGROUND WATERMARK (fixed, full page, cross-device) ---------- */
body { background:#f4f4f1 !important; background-image:none !important; }
body::before {
  content:"" !important;
  display:block !important;
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  width:100vw !important; height:100vh !important;
  z-index:-1 !important;
  background-image:url('../images/watermark-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  animation:none !important; transform:none !important;
  pointer-events:none !important;
}
body::after { display:none !important; }


/* ================================================================
   APPROVED GLOBAL HEADER + FOOTER  (rev 20260806a)
   Matches user-approved reference layouts. Appended LAST to win cascade.
   ================================================================ */

/* ---------- ROW 1: brand | language | social | cart, spread w/ vertical dividers ---------- */
.pa-topbar { background:#0A0A0A !important; border-bottom:1px solid rgba(208, 196, 146,.30) !important; }
.pa-topbar-inner {
  max-width:1240px !important; margin:0 auto !important; min-height:66px !important;
  padding:8px 26px !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; grid-template-columns:none !important; gap:10px !important;
}
.pa-vsep { flex:0 0 1px !important; width:1px !important; align-self:stretch !important; margin:8px 2px !important; background:rgba(208, 196, 146,.38) !important; }
.pa-topbrand { flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; }
.pa-topbrand img { height:40px !important; width:auto !important; max-width:270px !important; object-fit:contain !important; display:block !important; }
/* language group */
.pa-language { justify-self:auto !important; display:inline-flex !important; align-items:center !important; gap:9px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:15px !important; text-transform:none !important; letter-spacing:.05em !important; }
.pa-language > i.fa-globe { font-size:18px !important; }
.pa-language select { background:transparent !important; border:0 !important; color:#e9e3cf !important; font:inherit !important; font-size:15px !important; -webkit-appearance:none !important; appearance:none !important; outline:0 !important; cursor:pointer !important; max-width:none !important; padding-right:2px !important; }
.pa-language option { color:#0A0A0A !important; }
.pa-lang-caret { font-size:11px !important; color:#C5B358 !important; }
/* social icons — individual gold-bordered rounded-square boxes */
.pa-topbar .pa-social { justify-self:auto !important; display:flex !important; align-items:center !important; gap:14px !important; }
.pa-topbar .pa-social a {
  width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important;
  border-radius:10px !important; border:1.5px solid rgba(208, 196, 146,.75) !important;
  background:transparent !important; box-shadow:none !important; color:#C5B358 !important;
  font-size:19px !important; font-weight:700 !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important; transition:.18s ease !important;
}
.pa-topbar .pa-social a:hover { background:rgba(208, 196, 146,.15) !important; color:#C5B358 !important; border-color:#C5B358 !important; }
/* cart */
.pa-topbar .pa-cart {
  flex:0 0 auto !important; position:relative !important; width:auto !important; height:auto !important;
  border:0 !important; background:transparent !important; color:#C5B358 !important; font-size:26px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
.pa-topbar .pa-cart span { position:absolute !important; top:-6px !important; right:-9px !important; width:18px !important; height:18px !important; border-radius:999px !important; background:#C5B358 !important; color:#0A0A0A !important; font-size:10px !important; font-weight:800 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }

/* ---------- ROW 2: black secondary nav spread + LOG IN pill ---------- */
.pa-subnav { background:#0A0A0A !important; border-bottom:1px solid rgba(208, 196, 146,.24) !important; }
.pa-subnav-inner {
  max-width:1240px !important; margin:0 auto !important; min-height:50px !important;
  padding:8px 26px !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:34px !important; flex-wrap:wrap !important;
}
/* spread the 4 links full across the bar; LOG IN pill sits at the far right */
.pa-subnav-links { flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; flex-wrap:nowrap !important; }
.pa-subnav-link { color:#f3efe0 !important; font-family:'Oswald',sans-serif !important; font-size:18px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.12em !important; text-decoration:none !important; transition:.18s ease !important; white-space:nowrap !important; }
.pa-subnav-link:hover, .pa-subnav-link.pa-active { color:#C5B358 !important; }
.pa-login-btn {
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  border:1.5px solid rgba(208, 196, 146,.8) !important; border-radius:8px !important;
  padding:9px 24px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important;
  font-size:14px !important; font-weight:600 !important; letter-spacing:.16em !important;
  text-transform:uppercase !important; text-decoration:none !important; transition:.18s ease !important; white-space:nowrap !important;
}
.pa-login-btn:hover { background:rgba(208, 196, 146,.15) !important; }

/* ---------- ROW 3: white primary nav as bordered cards + gold underline ---------- */
.pa-mainnav { background:#ffffff !important; border-bottom:3px solid #C5B358 !important; box-shadow:0 5px 18px rgba(0,0,0,.08) !important; }
.pa-mainnav-inner { max-width:1240px !important; margin:0 auto !important; min-height:88px !important; padding:14px 26px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.pa-links { flex:1 1 auto !important; width:100% !important; display:flex !important; flex-wrap:nowrap !important; justify-content:space-between !important; align-items:stretch !important; gap:12px !important; overflow:visible !important; padding:0 !important; }
.pa-links > a { flex:1 1 0 !important; order:0 !important; }
/* default white bordered card */
.pa-nav-link {
  display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
  background:#ffffff !important; border:1.5px solid rgba(208, 196, 146,.85) !important; border-radius:9px !important;
  color:#0A0A0A !important; padding:14px 8px !important; font-size:14px !important; font-weight:700 !important;
  letter-spacing:.04em !important; line-height:1.12 !important; text-transform:uppercase !important;
  min-height:66px !important; box-shadow:none !important; text-align:center !important;
}
.pa-nav-link:hover { background:#faf7ec !important; color:#0A0A0A !important; border-color:#C5B358 !important; }
.pa-nav-link.pa-active { border-width:2.5px !important; border-color:#0A0A0A !important; background:#faf7ec !important; color:#0A0A0A !important; }
/* SHOP gold centerpiece */
.pa-shop-link {
  order:0 !important; flex:1.28 1 0 !important; display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important; background:#C5B358 !important;
  border:1.5px solid #9c8a41 !important; border-radius:9px !important; color:#0A0A0A !important;
  padding:12px 14px !important; min-height:66px !important; box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
  letter-spacing:.08em !important; text-transform:uppercase !important; text-decoration:none !important; margin:0 !important;
}
.pa-shop-link > span { font-size:22px !important; font-weight:800 !important; letter-spacing:.08em !important; line-height:1 !important; color:#0A0A0A !important; }
.pa-shop-link > span i { display:none !important; }
.pa-shop-link .pa-btn-eyebrow { color:#0A0A0A !important; font-size:10px !important; font-weight:600 !important; letter-spacing:.1em !important; opacity:.85 !important; margin-bottom:3px !important; display:block !important; }
/* two-line eyebrow white cards (Elite Management, Performance) */
.pa-btn-stack { flex-direction:column !important; line-height:1.06 !important; }
.pa-elite-link .pa-btn-eyebrow, .pa-perf-link .pa-btn-eyebrow { color:#6b5f2e !important; font-size:9.5px !important; font-weight:600 !important; letter-spacing:.08em !important; margin-bottom:2px !important; display:block !important; opacity:1 !important; }
.pa-elite-link > span, .pa-perf-link > span { font-size:14px !important; font-weight:700 !important; line-height:1.05 !important; }

/* ---------- responsive: header ---------- */
@media (max-width:960px){
  .pa-topbar-inner { flex-wrap:wrap !important; min-height:0 !important; gap:10px !important; justify-content:center !important; padding:8px 12px !important; }
  .pa-vsep { display:none !important; }
  .pa-topbrand { flex:0 0 100% !important; justify-content:center !important; }
  .pa-subnav-inner { justify-content:center !important; gap:16px !important; }
  .pa-subnav-links { gap:22px !important; justify-content:center !important; }
  .pa-mainnav-inner { min-height:0 !important; }
  .pa-links { flex-wrap:wrap !important; justify-content:center !important; gap:8px !important; }
  .pa-links > a { flex:0 1 auto !important; min-width:120px !important; }
}
@media (max-width:600px){
  .pa-topbrand img { height:30px !important; max-width:190px !important; }
  .pa-topbar .pa-social { gap:10px !important; }
  .pa-topbar .pa-social a { width:38px !important; height:38px !important; min-width:38px !important; min-height:38px !important; font-size:16px !important; }
  .pa-language, .pa-language select { font-size:13px !important; }
  .pa-subnav-link { font-size:12px !important; letter-spacing:.06em !important; }
  .pa-login-btn { font-size:12px !important; padding:7px 16px !important; }
  .pa-nav-link, .pa-shop-link { min-height:54px !important; padding:10px 8px !important; font-size:12px !important; }
  .pa-nav-link, .pa-elite-link > span, .pa-perf-link > span { font-size:12px !important; }
  .pa-shop-link > span { font-size:18px !important; }
}

/* ---------- APPROVED FOOTER: 2-col, emblem+careers | get in touch, centered copyright ---------- */
.pa-footer { position:relative !important; z-index:10 !important; background:#0A0A0A !important; color:rgba(255,255,255,.72) !important; }
.pa-footer-inner { max-width:1180px !important; margin:0 auto !important; padding:56px 32px 28px !important; }
.pa-footer-cols { display:flex !important; align-items:stretch !important; gap:0 !important; }
.pa-footer-left { flex:1 1 46% !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; padding-right:56px !important; }
.pa-footer-divider { flex:0 0 1px !important; align-self:stretch !important; background:rgba(208, 196, 146,.4) !important; margin:6px 0 !important; }
.pa-footer-right { flex:1 1 54% !important; padding-left:56px !important; }
.pa-footer-emblem { height:118px !important; width:auto !important; object-fit:contain !important; display:block !important; }
.pa-footer-tag { margin:14px 0 0 !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:14px !important; letter-spacing:.26em !important; text-transform:uppercase !important; }
.pa-footer .pa-foot-social { display:flex !important; align-items:center !important; gap:18px !important; margin-top:22px !important; }
.pa-footer .pa-foot-soc {
  width:52px !important; height:52px !important; border-radius:999px !important; background:transparent !important;
  border:1.5px solid rgba(208, 196, 146,.7) !important; box-shadow:none !important; color:#C5B358 !important;
  font-size:20px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; transition:.18s ease !important;
}
.pa-footer .pa-foot-soc:hover { background:rgba(208, 196, 146,.15) !important; color:#C5B358 !important; border-color:#C5B358 !important; transform:translateY(-2px) !important; }
.pa-careers-btn {
  display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-top:26px !important;
  border:1.5px solid rgba(208, 196, 146,.8) !important; border-radius:8px !important; padding:14px 42px !important;
  color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:18px !important; font-weight:600 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important; text-decoration:none !important; transition:.18s ease !important;
}
.pa-careers-btn:hover { background:rgba(208, 196, 146,.15) !important; }
/* right column */
.pa-footer-heading { margin:0 0 26px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:26px !important; font-weight:600 !important; letter-spacing:.26em !important; text-transform:uppercase !important; }
.pa-footer-contact { list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:26px !important; }
.pa-footer-contact li { display:flex !important; align-items:center !important; gap:20px !important; }
.pa-foot-ic { flex:0 0 auto !important; width:56px !important; height:56px !important; border-radius:999px !important; border:1.5px solid rgba(208, 196, 146,.7) !important; color:#C5B358 !important; font-size:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.pa-foot-cinfo { display:flex !important; flex-direction:column !important; gap:4px !important; }
.pa-foot-clabel { color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:16px !important; font-weight:600 !important; letter-spacing:.24em !important; text-transform:uppercase !important; }
.pa-footer-contact a, .pa-footer-contact .pa-foot-cinfo > span:last-child { color:#efeadb !important; font-size:20px !important; text-decoration:none !important; }
.pa-footer-contact a:hover { color:#C5B358 !important; }
/* centered copyright */
.pa-footer-copy { margin-top:36px !important; padding-top:26px !important; border-top:1px solid rgba(208, 196, 146,.4) !important; text-align:center !important; }
.pa-footer-copy p { margin:0 !important; line-height:1.9 !important; color:rgba(255,255,255,.8) !important; font-size:16px !important; }
@media (max-width:768px){
  .pa-footer-inner { padding:40px 20px 22px !important; }
  .pa-footer-cols { flex-direction:column !important; gap:30px !important; }
  .pa-footer-left { padding-right:0 !important; align-items:center !important; text-align:center !important; }
  .pa-footer-divider { flex:0 0 1px !important; width:100% !important; height:1px !important; margin:0 !important; }
  .pa-footer-right { padding-left:0 !important; }
  .pa-footer-heading { text-align:center !important; }
  .pa-footer-emblem { height:96px !important; }
}