/*
Theme Name: Spacemen Child
Template: astra
Version: 1.2
*/

/* ===== Spacemen header + footer styles ===== */
/* !important is used where Astra is known to override */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

.spc-nav *,.spc-footer *,.spc-wa-float *{box-sizing:border-box}

/* Hide Astra header/footer in case the PHP suppression doesn't run */
.ast-primary-header-bar,.site-header,.main-header-bar-wrap,
#masthead,.main-header-bar,.ast-mobile-header-wrap,
.site-footer,#colophon{display:none !important}

/* Buttons */
.spc-btn{display:inline-flex !important;align-items:center;gap:8px;font-size:.95rem;font-weight:600;padding:14px 30px;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;text-decoration:none !important;font-family:'Inter',system-ui,sans-serif;line-height:1}
.spc-btn--primary{background:#0D55FF !important;color:#fff !important}
.spc-btn--primary:hover{background:#0a47d6 !important;transform:translateY(-1px);box-shadow:0 8px 30px rgba(13,85,255,.3)}
.spc-btn--sm{font-size:.85rem;padding:10px 22px;border-radius:8px}

/* ===== Nav (DARK, forced) ===== */
.spc-nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:99999 !important;padding:16px 0 !important;transition:all .3s;font-family:'Inter',system-ui,sans-serif !important;background:#0a0a0a !important;border-bottom:1px solid rgba(255,255,255,.06) !important;box-shadow:none}
.spc-nav--scrolled{background:rgba(10,10,10,.94) !important;backdrop-filter:blur(12px);padding:10px 0 !important}
.spc-nav__inner{max-width:1180px;margin:0 auto !important;padding:0 24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;background:transparent !important}
.spc-nav__logo{font-size:1.5rem !important;font-weight:800 !important;letter-spacing:-.03em;color:#f5f5f5 !important;text-decoration:none !important;line-height:1}
.spc-nav--scrolled .spc-nav__logo{color:#f5f5f5 !important}
.spc-nav__logo span{color:#5B93FF !important}
.spc-nav__links{display:flex !important;gap:30px !important;align-items:center;background:transparent !important;padding:0 !important;margin:0 !important;list-style:none !important}
.spc-nav__links a,.spc-nav__links li a{font-size:.88rem !important;font-weight:500 !important;color:rgba(255,255,255,.82) !important;transition:color .2s;text-decoration:none !important;background:transparent !important;padding:0 !important;line-height:1}
.spc-nav--scrolled .spc-nav__links a{color:rgba(255,255,255,.82) !important}
.spc-nav__links a:hover{color:#5B93FF !important}
.spc-nav__hamburger{display:none;flex-direction:column;gap:5px;background:none !important;border:none !important;cursor:pointer;padding:4px}
.spc-nav__hamburger span{display:block;width:22px;height:2px;background:#f5f5f5 !important;border-radius:2px;transition:all .3s}

/* Strip bullet styles from WP-rendered nav menus */
.spc-nav__links ul,.spc-nav__links li{list-style:none !important;margin:0 !important;padding:0 !important;background:transparent !important}

/* Push content below the fixed nav (~78px tall) */
body{padding-top:78px !important}

/* Footer */
.spc-footer{background:#0a0a0a !important;color:#f5f5f5 !important;padding:64px 0 32px !important;font-family:'Inter',system-ui,sans-serif !important;margin:0 !important}
.spc-footer__container{max-width:1180px;margin:0 auto !important;padding:0 24px !important}
.spc-footer__inner{display:grid !important;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px !important}
.spc-footer__brand .spc-nav__logo{color:#f5f5f5 !important;display:inline-block;font-size:1.5rem !important}
.spc-footer__brand p{color:rgba(255,255,255,.4) !important;font-size:.9rem !important;margin-top:12px !important;max-width:280px;line-height:1.7}
.spc-footer__col h4{font-size:.78rem !important;text-transform:uppercase !important;letter-spacing:.1em;color:rgba(255,255,255,.3) !important;margin-bottom:20px !important;font-weight:700 !important}
.spc-footer__col a{display:block !important;font-size:.9rem !important;color:rgba(255,255,255,.6) !important;margin-bottom:12px !important;transition:color .2s;text-decoration:none !important;background:transparent !important;padding:0 !important}
.spc-footer__col a:hover{color:#5B93FF !important}
.spc-footer__col ul,.spc-footer__col li{list-style:none !important;margin:0 !important;padding:0 !important}
.spc-footer__bottom{border-top:1px solid rgba(255,255,255,.08) !important;padding-top:24px !important;display:flex !important;justify-content:space-between !important;align-items:center;flex-wrap:wrap;gap:14px}
.spc-footer__bottom p{font-size:.8rem !important;color:rgba(255,255,255,.3) !important;margin:0 !important}
.spc-footer__legal a{font-size:.8rem !important;color:rgba(255,255,255,.4) !important;margin-left:18px !important;text-decoration:none !important}
.spc-footer__legal a:hover{color:#5B93FF !important}

/* WhatsApp float */
.spc-wa-float{position:fixed !important;bottom:26px !important;right:26px !important;width:58px !important;height:58px !important;border-radius:50% !important;background:#25D366 !important;display:flex !important;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.45);z-index:9000 !important;transition:transform .2s;animation:spc-wa-pulse 2.8s ease-out infinite;text-decoration:none !important;padding:0 !important}
.spc-wa-float:hover{transform:scale(1.08)}
.spc-wa-float svg{width:30px !important;height:30px !important;color:#fff !important}
@keyframes spc-wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}65%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* Mobile */
@media(max-width:768px){
  body{padding-top:68px !important}
  .spc-nav__links{display:none !important}
  .spc-nav__hamburger{display:flex !important}
  .spc-nav__links.spc-open{display:flex !important;flex-direction:column !important;position:absolute !important;top:100% !important;left:0 !important;width:100% !important;background:#0a0a0a !important;padding:24px !important;gap:16px !important;box-shadow:0 8px 30px rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.06)}
  .spc-nav__links.spc-open a{color:rgba(255,255,255,.85) !important}
  .spc-footer__inner{grid-template-columns:1fr !important}
  .spc-footer__bottom{flex-direction:column !important;gap:14px;text-align:center}
}