/* mobile-clean-experience.css */
/* Mobile-only visual refinement. Desktop rules untouched. */
@media (max-width: 720px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: clip; }
  .site-header { padding-bottom: 12px !important; }
  .site-header .header-top { gap: 8px !important; }
  .site-header .header-social { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 10px !important; }
  .site-header .nav-toggle { border: 1px solid rgba(95,235,248,.25) !important; border-radius: 10px !important; background: rgba(10,28,38,.75) !important; padding: 12px 14px !important; min-height: 44px !important; font-size: 13px !important; letter-spacing: .09em !important; }
  .site-header .main-nav { z-index: 200 !important; padding: 10px !important; gap: 5px !important; border-radius: 12px !important; max-height: 65dvh !important; overflow-y: auto !important; }
  .site-header .main-nav a { display: flex !important; align-items: center !important; min-height: 44px !important; padding: 10px 12px !important; font-size: 12px !important; line-height: 1.35 !important; letter-spacing: .045em !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
  main, .site-header, footer { min-width: 0 !important; }
  main > *, .hero > *, .section > *, .panel > * { min-width: 0; }
  .hero, .section, .panel, .card, .promo, .home-directory-card { overflow-wrap: anywhere; }
  .hero, .section, .panel { scroll-margin-top: 12px; }
  button, input, select, textarea { max-width: 100%; }
  img, video, iframe { height: auto; max-width: 100%; }
  iframe { height: revert-layer; }
}
@media (max-width: 380px) {
  .site-header .header-social { gap: 7px !important; }
  .site-header .main-nav a { font-size: 11px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .main-nav a { transition: none !important; }
}

/* social-borderless-clean.css */
/* Social links: borderless, clean, and compact. Scoped to header only. */
body .site-header .header-social .header-social-button,
body .site-header .header-social .header-social-button:hover,
body .site-header .header-social .header-social-button:active {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  min-width: 0 !important;
  padding: 5px 6px !important;
  text-decoration: none !important;
}
body .site-header .header-social .header-social-button:focus-visible {
  outline: 2px solid #77e9f0 !important;
  outline-offset: 2px !important;
}
@media(max-width:720px){
 body .site-header .header-social .header-social-button {padding: 6px 3px !important;}
}

/* social-icons-only-fix.css */
/* Clean icon-only social links. Intentionally loaded after legacy header CSS. */
.site-header .header-social {display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:auto!important;max-width:100%!important;}
.site-header .header-social a.header-social-button,
.site-header .header-social a.header-social-button:hover,
.site-header .header-social a.header-social-button:active {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:36px!important;height:38px!important;min-height:0!important;min-width:0!important;margin:0!important;padding:2px!important;gap:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;outline:none!important;font-size:0!important;line-height:1!important;text-decoration:none!important;}
.site-header .header-social .header-social-button svg {display:block!important;width:28px!important;height:28px!important;flex:0 0 28px!important;}
.site-header .header-social .header-social-button.youtube {color:#ff5e65!important;}
.site-header .header-social .header-social-button.facebook {color:#80aaff!important;}
.site-header .header-social .header-social-button.instagram {color:#ee9dd2!important;}
.site-header .header-social .header-social-button.twitch {color:#bb91ff!important;}
.site-header .header-social .header-social-button:hover svg {opacity:.8;}
.site-header .header-social .header-social-button:focus-visible {outline:2px solid #7eeaf2!important;outline-offset:3px!important;}
@media(max-width:720px){.site-header .header-social{gap:15px!important;}.site-header .header-social a.header-social-button{width:40px!important;height:44px!important;}}