/* =========================================================
   V13.0 UNIFIED HEADER + FOOTER
   Header menu is identical everywhere:
   Destinations / Dark Sky Parks / Milky Way / Meteor Showers / Astrophotography
   ========================================================= */

:root{
  --sa-v130-night:#050816;
  --sa-v130-gold:#f3c55b;
  --sa-v130-text:#ffffff;
  --sa-v130-muted:#b7c2d4;
  --sa-v130-line:rgba(255,255,255,.08);
  --sa-v130-max:1320px;
}

/* Hide Astra header/footer on Astra-driven templates after unified versions are injected */
body.page .site-header,
body.category .site-header,
body.archive .site-header,
body.page .ast-primary-header-bar,
body.category .ast-primary-header-bar,
body.archive .ast-primary-header-bar,
body.page .main-header-bar,
body.category .main-header-bar,
body.archive .main-header-bar,
body.page .site-footer,
body.category .site-footer,
body.archive .site-footer{
  display:none !important;
}

/* Header */
.sa-v130-header{
  width:100% !important;
  background:var(--sa-v130-night) !important;
  border-bottom:1px solid var(--sa-v130-line) !important;
  color:var(--sa-v130-text) !important;
  min-height:96px !important;
  position:relative !important;
  z-index:100 !important;
}

.sa-v130-header-inner{
  width:100% !important;
  max-width:var(--sa-v130-max) !important;
  min-height:96px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:32px !important;
  box-sizing:border-box !important;
}

.sa-v130-logo,
.sa-v130-footer-logo{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  color:#fff !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

.sa-v130-logo img,
.sa-v130-footer-logo img{
  display:block !important;
  width:60px !important;
  height:50px !important;
  min-width:60px !important;
  flex:0 0 50px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  box-shadow:0 0 0 2px rgba(217,164,65,.10) !important;
}

.sa-v130-logo span,
.sa-v130-footer-logo span{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  line-height:1 !important;
  min-width:230px !important;
}

.sa-v130-logo strong,
.sa-v130-footer-logo strong{
  display:block !important;
  color:#fff !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.sa-v130-logo em,
.sa-v130-footer-logo em{
  display:block !important;
  margin-top:8px !important;
  padding-left:.34em !important;
  color:var(--sa-v130-gold) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:950 !important;
  letter-spacing:.34em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.sa-v130-logo span::after,
.sa-v130-footer-logo span::after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:2px !important;
  margin-top:8px !important;
  background:linear-gradient(90deg,transparent,var(--sa-v130-gold),transparent) !important;
}

.sa-v130-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:34px !important;
  flex-wrap:wrap !important;
}

.sa-v130-menu a{
  color:#fff !important;
  font-weight:900 !important;
  font-size:15px !important;
  white-space:nowrap !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
}

.sa-v130-menu a:hover{
  color:var(--sa-v130-gold) !important;
}

/* Keep old homepage header from showing if still present */
body.home .sa-v82b-header-shell,
body.home .sa-v82b-header,
body.single .sa113-header{
  display:none !important;
}

/* Footer */
.sa-v130-footer{
  background:var(--sa-v130-night) !important;
  color:var(--sa-v130-muted) !important;
  padding:64px 24px 28px !important;
}

.sa-v130-footer-inner{
  max-width:var(--sa-v130-max) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.5fr 1fr 1fr 1fr !important;
  gap:42px !important;
}

.sa-v130-footer-brand p{
  max-width:420px !important;
  color:var(--sa-v130-muted) !important;
  line-height:1.75 !important;
  margin:22px 0 0 !important;
}

.sa-v130-footer-col h4{
  color:#fff !important;
  margin:0 0 18px !important;
  font-size:15px !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.sa-v130-footer-col a{
  display:block !important;
  color:var(--sa-v130-muted) !important;
  text-decoration:none !important;
  margin:11px 0 !important;
  line-height:1.4 !important;
}

.sa-v130-footer-col a:hover{
  color:var(--sa-v130-gold) !important;
}

.sa-v130-footer-bottom{
  max-width:var(--sa-v130-max) !important;
  margin:42px auto 0 !important;
  padding-top:24px !important;
  border-top:1px solid var(--sa-v130-line) !important;
  color:#7f8ca3 !important;
  font-size:14px !important;
}

/* Injected Astra templates spacing safety */
body.page .sa-v130-header + *,
body.category .sa-v130-header + *,
body.archive .sa-v130-header + *{
  margin-top:0 !important;
}

/* Responsive */
@media(max-width:980px){
  .sa-v130-header-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .sa-v130-menu{
    justify-content:flex-start !important;
    gap:18px !important;
  }

  .sa-v130-footer-inner{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:720px){
  .sa-v130-logo img,
  .sa-v130-footer-logo img{
    width:52px !important;
    height:44px !important;
    min-width:52px !important;
    flex-basis:44px !important;
  }

  .sa-v130-logo span,
  .sa-v130-footer-logo span{
    min-width:180px !important;
  }

  .sa-v130-logo strong,
  .sa-v130-footer-logo strong{
    font-size:21px !important;
  }

  .sa-v130-logo em,
  .sa-v130-footer-logo em{
    font-size:11px !important;
  }

  .sa-v130-footer-inner{
    grid-template-columns:1fr !important;
  }
}