/* ============================================================
   editorial-public.css
   Narrow editorial treatment for public-facing tenant pages.
   Scoped to body.public-page — admin/platform/auth unaffected.
   Applies two things only: Bebas Neue display font + no shadows.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* ------------------------------------------------------------
   1) Kill box-shadows + backdrop-filter on common card classes.
   ------------------------------------------------------------ */
body.public-page .card,
body.public-page .card-body,
body.public-page .card-header,
body.public-page .hub-block-card,
body.public-page .hub-hero,
body.public-page .hub-staff-card,
body.public-page .hub-sponsor-card,
body.public-page .hub-download-card,
body.public-page .stat-card,
body.public-page .info-card,
body.public-page .leader-card,
body.public-page .leaderboard-card,
body.public-page .team-card,
body.public-page .season-card,
body.public-page .season-pill,
body.public-page .bracket-match,
body.public-page .bracket-card,
body.public-page .career-high-item,
body.public-page .player-header,
body.public-page .player-avatar,
body.public-page .jersey-badge,
body.public-page .status-badge,
body.public-page .player-details-box,
body.public-page .game-card,
body.public-page .schedule-card,
body.public-page .news-card,
body.public-page .article-card,
body.public-page .venue-card,
body.public-page .standings-table,
body.public-page .standings-wrap,
body.public-page .standings-card,
body.public-page .panel,
body.public-page .tile,
body.public-page .block,
body.public-page article {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Defensive: any inline shadow on a public page is overridden.
   (Using a mild attribute selector so we don't nuke every element.) */
body.public-page [style*="box-shadow"] {
    box-shadow: none !important;
}

/* ------------------------------------------------------------
   2) Apply Bebas Neue to display-role elements only.
   Explicitly listed — nothing by inheritance.
   ------------------------------------------------------------ */
body.public-page h1,
body.public-page .display-1,
body.public-page .display-2,
body.public-page .display-3,
body.public-page .display-4,
body.public-page .display-5,
body.public-page .display-6,
body.public-page .page-title,
body.public-page .hero-title,
body.public-page .hero-headline,
body.public-page .hub-hero-title,
body.public-page .hub-section-title,
body.public-page .stat-value,
body.public-page .stat-card-value,
body.public-page .career-high-value,
body.public-page .leader-value,
body.public-page .leader-stat,
body.public-page .big-number,
body.public-page .big-stat,
body.public-page .huge-stat,
body.public-page .player-name,
body.public-page .team-name-display,
body.public-page .headline__title {
    font-family: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
    letter-spacing: 0.01em;
}

/* ------------------------------------------------------------
   3) Defensive font locking — keep Bebas out of small UI chrome.
   Labels, badges, inputs, nav stay on the body font.
   ------------------------------------------------------------ */
body.public-page .stat-card-label,
body.public-page .stat-label,
body.public-page .card-label,
body.public-page .card-subtitle,
body.public-page .overline,
body.public-page .eyebrow,
body.public-page .text-muted,
body.public-page .small,
body.public-page small,
body.public-page .badge,
body.public-page .btn,
body.public-page button,
body.public-page .nav-link,
body.public-page .navbar,
body.public-page .footer,
body.public-page label,
body.public-page input,
body.public-page select,
body.public-page textarea,
body.public-page th,
body.public-page td {
    font-family: var(--slms-font-base, system-ui, sans-serif);
}

/* Navbar brand text is the public wordmark, so it follows display headings. */
body.public-page .navbar.app-navbar .navbar-brand .fw-semibold,
body.public-page .navbar.app-navbar .navbar-brand .brand-name-fallback,
body.public-page .mobile-drawer-brand__title {
    font-family: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase;
    line-height: 1;
}

body.public-page .navbar.app-navbar .navbar-brand .fw-semibold,
body.public-page .navbar.app-navbar .navbar-brand .brand-name-fallback {
    font-size: clamp(1.18rem, 1.62vw, 1.58rem);
}

body.public-page .centered-utility-bar .navbar-brand .fw-semibold {
    color: var(--slms-heading) !important;
    font-size: clamp(1.08rem, 1.35vw, 1.36rem) !important;
}

body.public-page .site-nav-desktop__primary-list .nav-link .nav-label,
body.public-page .centered-nav-bar .nav-link .nav-label,
body.public-page .mobile-drawer-nav .mobile-drawer-nav-link > span {
    font-family: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase;
    line-height: 1;
}

body.public-page .site-nav-desktop__primary-list .nav-link,
body.public-page .centered-nav-bar .nav-link {
    font-size: clamp(1.24rem, 1.34vw, 1.48rem) !important;
}

body.public-page .mobile-drawer-nav .mobile-drawer-nav-link {
    font-size: 1.28rem !important;
}
