/* WGP Global — shared chrome (header, nav, footer, base) */

html { scrollbar-gutter: stable; overflow-y: scroll; }
html, body { margin: 0; padding: 0; background: #F9F5EA; }
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
a { color: #1B2A55; text-decoration: none; }
a:hover { color: #CDAF69; }

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #F9F5EA;
}

/* Header */
.site-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  background: #ffffff;
}
.site-header .logo-link { display: flex; align-items: center; }
.site-header .logo-link img { height: 15px; display: block; }
.client-login {
  position: absolute;
  right: 14px;
  top: 14px;
  background: #1B2A55;
  color: #ffffff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 7px 16px;
  border-radius: 2px;
  text-transform: uppercase;
}
.client-login:hover { color: #CDAF69; cursor: not-allowed; }

/* Gold nav */
.site-nav {
  background: #C7A95E;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  flex-wrap: wrap;
}
.site-nav .nav-item { display: flex; align-items: center; }
.site-nav a {
  color: #1B2A55;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0 22px;
}
.site-nav a:hover{
  color: #eeeeee;
}
.site-nav a.active { color: #ffffff; }
.site-nav .sep { font-size: 11px; color: #ffffff; opacity: 0.8; font-style: italic; }

/* Footer */
.site-footer {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 340px;
  padding: 12px 0 14px 0;
}
.site-footer .socials { display: flex; gap: 10px; align-items: center; }
.site-footer .socials a {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-footer .socials a:hover { opacity: 0.6; }
.site-footer .links { display: flex; align-items: center; gap: 22px; }
.site-footer .links a, .site-footer .links span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.site-footer .links a { color: #1B2A55; }
.site-footer .links .copyright { color: #CDAF69; }

@media (max-width: 900px) {
  .site-footer { gap: 40px; flex-wrap: wrap; padding: 12px 16px 14px 16px; }
}
@media (max-width: 540px) {
  .site-header { justify-content: flex-start; padding-left: 16px; }
}