/* ButtonBash site shell (all pages): Astra header and footer restyled as an arcade marquee to match the homepage. */
body .ast-primary-header-bar, body .main-header-bar {
  background:linear-gradient(180deg,#1b0f33,#0b0716);
  border-bottom:4px solid #ff2e88;
  box-shadow:0 0 30px #ff2e8855;
}
body .site-logo-img img, body .custom-logo { filter:drop-shadow(0 0 10px #2ee6ff66); }
body .main-header-menu > .menu-item > .menu-link {
  font-family:"Press Start 2P",monospace; font-size:10px; text-transform:uppercase; color:#eae6f5;
}
body .main-header-menu > .menu-item > .menu-link:hover { color:#2ee6ff; }
body .main-header-menu > .menu-item + .menu-item::before { color:#3a2d5c; }
body .main-header-menu > .current-menu-item > .menu-link {
  color:#ffd23f; border-color:transparent; box-shadow:none; text-shadow:0 0 8px #ffd23f;
}
body .site-footer, body .ast-small-footer, body .site-below-footer-wrap, body .site-primary-footer-wrap {
  background:#06040c; color:#9b93b3; border-top:4px solid #ff2e88;
}
body .site-footer a { color:#2ee6ff; }

/* Social icons: header menu item and footer follow strip. */
body .bb-social { display:inline-flex; gap:10px; align-items:center; }
body .bb-social-link { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border:2px solid #3a2d5c; border-radius:8px; color:#eae6f5; background:#0b0716; transition:transform .15s, box-shadow .15s; }
body .bb-social-link svg { width:18px; height:18px; }
body .bb-social-link { border:0; color:#fff; }
body .bb-social-ig { background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%); }
body .bb-social-fb { background:#1877f2; }
body .bb-social-tt { background:#000; box-shadow:inset 0 0 0 2px #25f4ee; }
body .bb-social-tt svg { filter:drop-shadow(1.5px 1.5px 0 #fe2c55) drop-shadow(-1.5px -1.5px 0 #25f4ee); }
body .bb-social-link:hover, body .bb-social-link:focus-visible { color:#fff; transform:translateY(-2px); box-shadow:0 0 14px #ffffff55; }
body .bb-social-tt:hover, body .bb-social-tt:focus-visible { box-shadow:inset 0 0 0 2px #25f4ee, 0 0 14px #25f4ee88; }
body .main-header-menu > .menu-item.bb-social-item { display:flex; align-items:center; margin-left:14px; }
body .main-header-menu > .menu-item + .menu-item.bb-social-item::before { content:none; display:none; }
@media (min-width:922px) {
  body .main-header-menu { flex-wrap:nowrap; }
  body .main-header-menu > .bb-social-item .bb-social { gap:8px; }
  body .main-header-menu > .bb-social-item .bb-social-link { width:30px; height:30px; }
  body .main-header-menu > .bb-social-item .bb-social-link svg { width:16px; height:16px; }
}
/* Between Astra's mobile breakpoint and 1200px the full menu has no room; the footer strip still carries the links. */
@media (min-width:922px) and (max-width:1199px) {
  body .main-header-menu > .menu-item.bb-social-item { display:none; }
}
body .bb-social-footer { display:flex; justify-content:center; align-items:center; gap:16px; flex-wrap:wrap; padding:22px 16px; background:#06040c; border-top:4px solid #ff2e88; }
body .bb-social-footer + .site-footer, body .bb-social-footer + footer { border-top:0; }
body .bb-social-footer + .site-footer .site-below-footer-wrap, body .bb-social-footer + .site-footer .site-primary-footer-wrap { border-top:1px solid #1d1530; }
body .bb-social-label { font:10px "Press Start 2P",monospace; text-transform:uppercase; color:#ffd23f; }
@media (max-width:921px) {
  body .main-header-menu > .bb-social-item { margin:12px 0 12px 20px; }
}