/* ASN Logged-Out Nav — site-wide */

/* Hide BB's default header elements when logged out */
body.logged-out #masthead .site-header-container { display: none !important; }
body.logged-out .bb-mobile-header-wrapper { display: none !important; }
body.logged-out #buddypress-buddypanel,
body.logged-out .buddypanel-wrap,
body.logged-out .bb-buddypanel { display: none !important; width: 0 !important; }
body.logged-out,
body.logged-out.bb-buddypanel-open { padding-left: 0 !important; }
body.logged-out #page,
body.logged-out.bb-buddypanel-open #page { padding-left: 0 !important; margin-left: 0 !important; }
body.logged-out .site-header { left: 0 !important; }

/* Nav bar */
.asn-nav { position: sticky; top: 0; z-index: 612; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.06); height: 72px; }
.asn-nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; }
.asn-nav-logo { display: flex; align-items: center; text-decoration: none; }
.asn-nav-logo img { height: 48px; width: auto; }
.asn-nav-links { display: flex; gap: 28px; align-items: center; list-style: none; margin: 0; padding: 0; }
.asn-nav-links li { list-style: none; }
.asn-nav-links a { text-decoration: none; color: #64748b; font-size: 14px; font-weight: 500; transition: color 0.2s; }
.asn-nav-links a:hover { color: #1176C1; }
.asn-nav-extra { display: flex; gap: 12px; align-items: center; margin-left: 16px; }
.asn-signin-btn { text-decoration: none; color: #122B46; font-weight: 600; font-size: 14px; border: 1px solid #e2e8f0; padding: 8px 20px; border-radius: 8px; transition: all 0.2s; }
.asn-signin-btn:hover { border-color: #1176C1; color: #1176C1; }
.asn-apply-btn { text-decoration: none; background: #1176C1; color: #fff; font-size: 14px; padding: 10px 24px; border-radius: 8px; font-weight: 600; transition: all 0.2s; }
.asn-apply-btn:hover { background: #0d5fa3; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(17,118,193,0.3); color: #fff; }

/* Mobile nav */
.asn-mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.asn-mobile-toggle svg { width: 28px; height: 28px; stroke: #1176C1; }
.asn-mobile-menu { display: none; position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.5); }
.asn-mobile-menu.open { display: block; }
.asn-mobile-panel { position: fixed; top: 0; right: 0; bottom: 0; width: 280px; background: #fff; padding: 24px; box-shadow: -4px 0 24px rgba(0,0,0,0.15); }
.asn-mobile-close { background: none; border: none; cursor: pointer; padding: 8px; float: right; }
.asn-mobile-close svg { width: 24px; height: 24px; stroke: #64748b; }
.asn-mobile-links { list-style: none; padding: 48px 0 0; }
.asn-mobile-links li { border-bottom: 1px solid #f1f5f9; list-style: none; }
.asn-mobile-links a { display: block; padding: 16px 0; text-decoration: none; color: #122B46; font-size: 16px; font-weight: 500; }
.asn-mobile-links a:hover { color: #1176C1; }
.asn-mobile-links .asn-mobile-cta a { display: block; text-align: center; margin-top: 16px; background: #1176C1; color: #fff; padding: 14px; border-radius: 10px; font-weight: 600; }

@media (max-width: 768px) {
  .asn-nav-inner { padding: 0 16px; }
  .asn-nav-links { display: none; }
  .asn-nav-extra { display: none; }
  .asn-mobile-toggle { display: block; }
  .asn-nav-logo img { height: 36px; }
}