/*
Theme Name:   NBA Playoff Pass
Theme URI:    https://nbaplayoffpass.com/
Description:  Child theme of Kadence for NBA Playoff Pass: score ticker, menu button, branded footer and the Championship look site-wide. Data and playoff pages stay in the NBA Playoff Hub plugin.
Author:       M Muktadir
Template:     kadence
Version:      1.1.0
Requires PHP: 8.1
License:      GPL-2.0-or-later
Text Domain:  nba-playoff-pass
*/

:root{
  --npp-navy:#0B1F3A;--npp-navy-2:#173462;--npp-gold:#C9A227;--npp-gold-soft:#F7EED3;--npp-ink:#0B1F3A;--npp-t3:#44526B;--npp-t4:#5C6A82;
  --npp-line:#E3E8F0;--npp-display:"NPP Display","Barlow Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
}

/* ---------- Score ticker ---------- */
.npp-tk{background:linear-gradient(90deg,var(--npp-navy),var(--npp-navy-2));color:#fff;font-size:13px;line-height:1.3;border-bottom:2px solid var(--npp-gold)}
.npp-tk__in{display:flex;align-items:center;gap:12px;max-width:var(--global-content-width,1290px);margin:0 auto;padding:7px var(--global-content-edge-padding,1.5rem)}
.npp-tk__lbl{flex:none;padding:3px 8px;border-radius:6px;background:var(--npp-gold);color:var(--npp-navy);font-family:var(--npp-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.npp-tk__row{display:flex;align-items:center;gap:18px;overflow-x:auto;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.npp-tk__row::-webkit-scrollbar{display:none}
.npp-tk__i{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:rgba(255,255,255,.88)}
.npp-tk__i strong{color:#fff}
.npp-tk__i svg{color:var(--npp-gold)}
.npp-tk a.npp-tk__link{color:#F2D98A;text-decoration:none;font-weight:700}
.npp-tk a.npp-tk__link:hover{text-decoration:underline}
.npp-tk__g{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;padding:2px 12px 2px 0;border-right:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;white-space:nowrap}
.npp-tk__g span{grid-column:1}
.npp-tk__g b{font-family:var(--npp-display);margin-left:6px}
.npp-tk__g small{grid-column:2;grid-row:1/span 2;align-self:center;color:rgba(255,255,255,.7);font-weight:700}
.npp-tk__g.is-live small{color:#ff6b5e}
.npp-tk__g:hover span{text-decoration:underline}

/* ---------- Header: white, navy menu, gold underline, one call to action ---------- */
#masthead .site-main-header-wrap .site-header-row-container-inner{border-bottom:1px solid var(--npp-line);box-shadow:0 6px 18px rgba(11,31,58,.05)}
.header-navigation .header-menu-container>ul>li>a{font-weight:700;color:var(--npp-ink)}
.header-navigation .header-menu-container>ul>li>a:hover,.header-navigation .header-menu-container>ul>li.current-menu-item>a{color:var(--npp-navy);box-shadow:inset 0 -3px 0 var(--npp-gold)}
.header-navigation .header-menu-container>ul>li.npp-menu-cta>a{margin-left:8px;padding:9px 16px;border-radius:10px;background:var(--npp-navy);color:#fff;box-shadow:none}
.header-navigation .header-menu-container>ul>li.npp-menu-cta>a:hover{background:var(--npp-navy-2);color:#fff;box-shadow:inset 0 -3px 0 var(--npp-gold)}
.mobile-navigation ul li.npp-menu-cta>a{margin:10px 0;border-radius:10px;background:var(--npp-navy);color:#fff!important;text-align:center;justify-content:center}

/* ---------- Titles site-wide: condensed display face ---------- */
.entry-title,.entry-content h2,.entry-content h3,.page-title,.archive-title{font-family:var(--npp-display);font-weight:700;letter-spacing:.005em;color:var(--npp-ink)}
.entry-hero .entry-title,.entry-header .entry-title{font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.05}
.entry-content h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.9rem);line-height:1.15}
.entry-content h3{font-size:clamp(1.2rem,1.1rem + .4vw,1.4rem)}
.entry-content a{text-underline-offset:.18em}

/* ---------- Footer ---------- */
.npp-ft{background:var(--npp-navy);color:rgba(255,255,255,.82);margin-top:48px;border-top:3px solid var(--npp-gold)}
.npp-ft__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.9fr);gap:36px;max-width:var(--global-content-width,1290px);margin:0 auto;padding:44px var(--global-content-edge-padding,1.5rem) 30px}
.npp-ft a{color:#fff;text-decoration:none}
.npp-ft a:hover{color:#F2D98A;text-decoration:underline}
.npp-ft__name{font-family:var(--npp-display);font-size:1.7rem;letter-spacing:.01em}
.npp-ft__tag{margin:10px 0 0;font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.75)}
.npp-ft__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.npp-ft__h{margin:0 0 12px;font-family:var(--npp-display);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#F2D98A}
.npp-ft ul{list-style:none;margin:0;padding:0}
.npp-ft li{margin:0 0 8px;font-size:.92rem}
.npp-ft__bottom{border-top:1px solid rgba(255,255,255,.12)}
.npp-ft__bottom p{max-width:var(--global-content-width,1290px);margin:0 auto;padding:16px var(--global-content-edge-padding,1.5rem);font-size:.8rem;color:rgba(255,255,255,.62)}

@media (max-width:960px){.npp-ft__in{grid-template-columns:minmax(0,1fr)}.npp-ft__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.npp-tk__lbl{display:none}.npp-ft__in{padding-top:32px}.npp-ft__cols{gap:18px}}
@media (prefers-reduced-motion:reduce){.npp-tk__row{scroll-behavior:auto}}