/* :::SECTION:CSS Variables::: */
:root {
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Barlow', sans-serif;
}

/* :::SECTION:Reset::: */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.6;
  color: var(--wp--preset--color--blue-navy);
  background: var(--wp--preset--color--white);
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  list-style: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

input {
  font-family: inherit;
}

/* :::SECTION:Utilities::: */
.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--wp--preset--spacing--40);
}

/* Scroll animations */
.animate-on-scroll {
  opacity: 1;
  transform: translateY(0);
}

.js .animate-on-scroll:not(.is-visible) {
  opacity: 0;
  transform: translateY(30px);
}

.js .animate-on-scroll {
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.js .animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js .animate-on-scroll:nth-child(2) { transition-delay: 0.1s; }
.js .animate-on-scroll:nth-child(3) { transition-delay: 0.2s; }
.js .animate-on-scroll:nth-child(4) { transition-delay: 0.3s; }
.js .animate-on-scroll:nth-child(5) { transition-delay: 0.4s; }
.js .animate-on-scroll:nth-child(6) { transition-delay: 0.5s; }

/* :::SECTION:Hero::: */
.hero {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background-color: var(--wp--preset--color--blue-navy);
  position: relative;
  font-family: var(--font-body);
  color: var(--wp--preset--color--white);
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(0, 43, 92, 0.95) 0%,
    rgba(0, 43, 92, 0.75) 30%,
    rgba(0, 100, 177, 0.4) 70%,
    transparent 100%
  );
  z-index: 1;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 2px,
      rgba(0, 100, 177, 0.03) 2px,
      rgba(0, 100, 177, 0.03) 4px
    );
  z-index: 1;
  pointer-events: none;
}

.hero-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  position: sticky;
  top: 0;
  z-index: 100;
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.hero-header.is-scrolled {
  background: rgba(0, 43, 92, 0.95);
  backdrop-filter: blur(20px);
}

.logo-link {
  display: block;
  z-index: 10;
}

.hero-logo {
  width: 80px;
  height: auto;
}

.hero-nav {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  align-items: center;
}

.hero-nav-link {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

.hero-nav-link:hover {
  opacity: 1;
}

.hero-tickets-btn {
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  border: none;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  transition: background 0.2s ease, transform 0.2s ease;
}

.hero-tickets-btn:hover {
  background: #0078D4;
  transform: scale(1.02);
}

.mobile-menu-btn {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: var(--wp--preset--spacing--20);
  z-index: 101;
}

.mobile-menu-btn span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--wp--preset--color--white);
  transition: all 0.3s ease;
}

.hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  position: relative;
  z-index: 10;
  max-width: 900px;
}

.hero-tagline {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--wp--preset--color--silver);
  margin-bottom: var(--wp--preset--spacing--30);
  animation: slideIn 0.6s ease-out both;
}

.hero-headline {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--gigantic);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: -0.02em;
  margin: 0 0 var(--wp--preset--spacing--40) 0;
  animation: slideIn 0.6s ease-out 0.1s both;
}

.hero-line {
  display: block;
}

.hero-headline-accent {
  color: var(--wp--preset--color--blue-primary);
}

.hero-description {
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1.6;
  max-width: 500px;
  margin-bottom: var(--wp--preset--spacing--50);
  opacity: 0.9;
  animation: slideIn 0.6s ease-out 0.2s both;
}

.hero-cta-group {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  flex-wrap: wrap;
  animation: slideIn 0.6s ease-out 0.3s both;
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--large);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.hero-cta-primary {
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
}

.hero-cta-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.4s ease;
}

.hero-cta-primary:hover::before {
  left: 100%;
}

.hero-cta-primary:hover {
  background: #0078D4;
  transform: translateY(-2px);
}

.hero-cta-secondary {
  background: transparent;
  color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--silver);
}

.hero-cta-secondary:hover {
  background: rgba(196, 206, 212, 0.15);
  border-color: var(--wp--preset--color--white);
}

.hero-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--wp--preset--spacing--50);
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  position: relative;
  z-index: 10;
  align-items: end;
}

.hero-next-game {
  animation: slideIn 0.6s ease-out 0.4s both;
}

.hero-next-game-label {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--wp--preset--color--silver);
  margin-bottom: var(--wp--preset--spacing--20);
}

.hero-next-game-info {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--40);
}

.hero-game-matchup {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
}

.hero-team-logo {
  width: 48px;
  height: 48px;
  background: var(--wp--preset--color--blue-navy);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--wp--preset--color--silver);
}

.hero-team-logo-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.hero-vs {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  color: var(--wp--preset--color--silver);
}

.hero-game-details {
  display: flex;
  flex-direction: column;
}

.hero-game-opponent {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--xx-large);
  text-transform: uppercase;
}

.hero-game-datetime {
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--silver);
}

.hero-countdown {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  animation: slideIn 0.6s ease-out 0.5s both;
}

.hero-countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 43, 92, 0.8);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 1px solid rgba(196, 206, 212, 0.3);
}

.hero-countdown-value {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--huge);
  line-height: 1;
  color: var(--wp--preset--color--blue-primary);
}

.hero-countdown-label {
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wp--preset--color--silver);
  margin-top: 4px;
}

.hero-energy-line {
  position: absolute;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--wp--preset--color--blue-primary), transparent);
  z-index: 5;
  animation: energyPulse 2s ease-in-out infinite;
}

.hero-energy-line-1 {
  top: 20%;
  left: 60%;
  width: 200px;
  transform: rotate(-15deg);
  animation-delay: 0s;
}

.hero-energy-line-2 {
  top: 40%;
  right: 10%;
  width: 150px;
  transform: rotate(-25deg);
  animation-delay: 0.5s;
}

.hero-energy-line-3 {
  bottom: 30%;
  right: 20%;
  width: 100px;
  transform: rotate(-10deg);
  animation-delay: 1s;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes energyPulse {
  0%, 100% {
    opacity: 0.3;
    transform: scaleX(1) rotate(-15deg);
  }
  50% {
    opacity: 0.8;
    transform: scaleX(1.2) rotate(-15deg);
  }
}

/* :::SECTION:Live Ticker::: */
.live-ticker {
  background: var(--wp--preset--color--blue-dark);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  overflow: hidden;
}

.ticker-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--wp--preset--spacing--50);
  color: var(--wp--preset--color--white);
}

.ticker-item {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--medium);
}

.ticker-live-badge {
  background: #E53935;
  color: var(--wp--preset--color--white);
  padding: 2px 8px;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

.ticker-teams {
  font-weight: 600;
  text-transform: uppercase;
}

.ticker-quarter {
  color: var(--wp--preset--color--silver);
}

.ticker-status {
  color: var(--wp--preset--color--silver);
  font-size: var(--wp--preset--font-size--small);
}

.ticker-divider {
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,0.2);
}

/* :::SECTION:Schedule::: */
.schedule-section {
  padding: var(--wp--preset--spacing--60) 0;
  background: var(--wp--preset--color--silver-light);
}

.section-header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--50);
}

.section-eyebrow {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--wp--preset--color--blue-primary);
  display: block;
  margin-bottom: var(--wp--preset--spacing--20);
}

.section-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large-2);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wp--preset--color--blue-navy);
}

.section-header-light .section-title {
  color: var(--wp--preset--color--white);
}

.section-header-light .section-eyebrow {
  color: var(--wp--preset--color--silver);
}

.schedule-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--wp--preset--spacing--40);
}

.game-card {
  background: var(--wp--preset--color--white);
  padding: var(--wp--preset--spacing--40);
  position: relative;
  border-bottom: 4px solid var(--wp--preset--color--blue-navy);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.game-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,43,92,0.15);
}

.game-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--wp--preset--spacing--30);
}

.game-date {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 700;
  color: var(--wp--preset--color--blue-navy);
}

.game-badge {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 12px;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0% 100%);
}

.game-badge.home {
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
}

.game-badge.away {
  background: var(--wp--preset--color--silver);
  color: var(--wp--preset--color--blue-navy);
}

.game-card-teams {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--wp--preset--spacing--30);
  padding: var(--wp--preset--spacing--40) 0;
  border-top: 1px solid var(--wp--preset--color--silver-light);
  border-bottom: 1px solid var(--wp--preset--color--silver-light);
}

.game-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
}

.game-team-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.game-team span {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
}

.game-vs {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--wp--preset--color--silver);
}

.game-card-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: var(--wp--preset--spacing--30) 0;
}

.game-time {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--large);
  color: var(--wp--preset--color--blue-navy);
}

.game-venue {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
}

.game-card-cta {
  display: block;
  text-align: center;
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.game-card-cta:hover {
  background: var(--wp--preset--color--blue-navy);
}

.game-card-cta-secondary {
  background: var(--wp--preset--color--silver);
  color: var(--wp--preset--color--blue-navy);
}

.game-card-cta-secondary:hover {
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
}

.schedule-footer {
  text-align: center;
  margin-top: var(--wp--preset--spacing--50);
}

.btn-full-schedule {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--blue-navy);
  transition: all 0.3s ease;
}

.btn-full-schedule:hover {
  background: transparent;
  color: var(--wp--preset--color--blue-navy);
}

/* :::SECTION:Roster::: */
.roster-section {
  padding: var(--wp--preset--spacing--60) 0;
  background-color: var(--wp--preset--color--blue-navy);
  position: relative;
}

.roster-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,43,92,0.95) 0%, rgba(0,43,92,0.85) 100%);
  z-index: 1;
}

.roster-section .container {
  position: relative;
  z-index: 2;
}

.roster-spotlight {
  margin-bottom: var(--wp--preset--spacing--50);
}

.player-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--50);
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}

.player-featured-image {
  position: relative;
}

.player-featured-image img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

.player-number {
  position: absolute;
  bottom: var(--wp--preset--spacing--40);
  right: var(--wp--preset--spacing--40);
  font-family: var(--font-display);
  font-size: clamp(4rem, 10vw, 8rem);
  font-weight: 700;
  color: rgba(0, 100, 177, 0.3);
  line-height: 1;
}

.player-featured-info {
  color: var(--wp--preset--color--white);
}

.player-position {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--wp--preset--color--silver);
}

.player-name {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large-2);
  font-weight: 700;
  text-transform: uppercase;
  margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--40);
}

.player-stats {
  display: flex;
  gap: var(--wp--preset--spacing--50);
}

.stat {
  display: flex;
  flex-direction: column;
}

.stat-value {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large-2);
  font-weight: 700;
  color: var(--wp--preset--color--blue-primary);
  line-height: 1;
}

.stat-label {
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wp--preset--color--silver);
  margin-top: var(--wp--preset--spacing--20);
}

.roster-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--50);
}

.player-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(196,206,212,0.2);
  overflow: hidden;
  transition: all 0.3s ease;
}

.player-card:hover {
  background: rgba(0,100,177,0.2);
  border-color: var(--wp--preset--color--blue-primary);
  transform: translateY(-5px);
}

.player-card-image {
  aspect-ratio: 1;
  overflow: hidden;
}

.player-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.player-card:hover .player-card-image img {
  transform: scale(1.05);
}

.player-card-info {
  padding: var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--white);
}

.player-card-number {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  color: var(--wp--preset--color--blue-primary);
}

.player-card-name {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
  text-transform: uppercase;
  margin: var(--wp--preset--spacing--20) 0;
}

.player-card-position {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
}

.roster-footer {
  text-align: center;
}

.btn-view-roster {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: transparent;
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--silver);
  transition: all 0.3s ease;
}

.btn-view-roster:hover {
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--blue-navy);
  border-color: var(--wp--preset--color--white);
}

/* :::SECTION:News::: */
.news-section {
  padding: var(--wp--preset--spacing--60) 0;
  background: var(--wp--preset--color--white);
}

.news-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--40);
}

.news-card {
  background: var(--wp--preset--color--silver-light);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.news-card:hover {
  transform: translateY(-5px);
}

.news-card-featured {
  grid-column: 1;
  grid-row: 1 / 3;
}

.news-card-image {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}

.news-card-featured .news-card-image {
  aspect-ratio: 4/3;
}

.news-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.news-card:hover .news-card-image img {
  transform: scale(1.05);
}

.news-card-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,43,92,0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.news-card:hover .news-card-play {
  opacity: 1;
}

.play-icon {
  width: 64px;
  height: 64px;
  background: var(--wp--preset--color--blue-primary);
  border-radius: 50%;
  position: relative;
}

.play-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  border: 12px solid transparent;
  border-left: 20px solid var(--wp--preset--color--white);
}

.news-card-content {
  padding: var(--wp--preset--spacing--40);
}

.news-category {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wp--preset--color--blue-primary);
}

.news-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 600;
  color: var(--wp--preset--color--blue-navy);
  margin: var(--wp--preset--spacing--20) 0;
  line-height: 1.3;
}

.news-card-featured .news-title {
  font-size: var(--wp--preset--font-size--xx-large);
}

.news-excerpt {
  color: var(--wp--preset--color--blue-navy);
  opacity: 0.8;
  margin-bottom: var(--wp--preset--spacing--30);
  line-height: 1.6;
}

.news-date {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
}

.news-footer {
  text-align: center;
  margin-top: var(--wp--preset--spacing--50);
}

.btn-more-news {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--blue-navy);
  transition: all 0.3s ease;
}

.btn-more-news:hover {
  background: transparent;
  color: var(--wp--preset--color--blue-navy);
}

/* :::SECTION:Tickets::: */
.tickets-section {
  padding: var(--wp--preset--spacing--65) 0;
  background-color: var(--wp--preset--color--blue-navy);
  position: relative;
}

.tickets-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,43,92,0.9) 0%, rgba(0,26,58,0.95) 100%);
  z-index: 1;
}

.tickets-section .container {
  position: relative;
  z-index: 2;
}

.tickets-content {
  text-align: center;
}

.tickets-text {
  max-width: 700px;
  margin: 0 auto var(--wp--preset--spacing--60);
}

.tickets-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large-2);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
  margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30);
}

.tickets-description {
  font-size: var(--wp--preset--font-size--x-large);
  color: var(--wp--preset--color--silver);
  line-height: 1.7;
}

.ticket-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--50);
}

.ticket-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(196,206,212,0.2);
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}

.ticket-card:hover {
  background: rgba(0,100,177,0.2);
  border-color: var(--wp--preset--color--blue-primary);
  transform: translateY(-5px);
}

.ticket-card-featured {
  border-color: var(--wp--preset--color--blue-primary);
  background: rgba(0,100,177,0.15);
}

.ticket-card-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 16px;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0% 100%);
}

.ticket-card-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--wp--preset--spacing--40);
  background-color: var(--wp--preset--color--blue-primary);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.ticket-card-icon.single {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M12 4v16M2 12h20'/%3E%3C/svg%3E");
}

.ticket-card-icon.season {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.ticket-card-icon.group {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.ticket-card-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
  margin-bottom: var(--wp--preset--spacing--20);
}

.ticket-card-desc {
  color: var(--wp--preset--color--silver);
  margin-bottom: var(--wp--preset--spacing--40);
}

.ticket-card-btn {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.ticket-card-btn:hover {
  background: #0078D4;
}

.tickets-promo {
  background: linear-gradient(90deg, var(--wp--preset--color--blue-primary), #0078D4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  clip-path: polygon(2% 0, 100% 0, 98% 100%, 0% 100%);
}

.promo-label {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.7);
}

.promo-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
}

.promo-desc {
  color: rgba(255,255,255,0.9);
}

.promo-btn {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--blue-primary);
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.promo-btn:hover {
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
}

/* :::SECTION:Entertainment::: */
.entertainment-section {
  padding: var(--wp--preset--spacing--60) 0;
  background: var(--wp--preset--color--silver-light);
}

.entertainment-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: var(--wp--preset--spacing--40);
}

.ent-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.ent-card-large {
  grid-row: 1 / 3;
}

.ent-card-image {
  aspect-ratio: 4/3;
  overflow: hidden;
}

.ent-card-large .ent-card-image {
  aspect-ratio: auto;
  height: 100%;
}

.ent-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.ent-card:hover .ent-card-image img {
  transform: scale(1.1);
}

.ent-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--wp--preset--spacing--40);
  background: linear-gradient(transparent, rgba(0,43,92,0.95));
  color: var(--wp--preset--color--white);
}

.ent-card-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 700;
  text-transform: uppercase;
}

.ent-card-large .ent-card-title {
  font-size: var(--wp--preset--font-size--xx-large);
}

.ent-card-desc {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  margin-top: var(--wp--preset--spacing--20);
}

/* :::SECTION:Community::: */
.community-section {
  padding: var(--wp--preset--spacing--60) 0;
  background: var(--wp--preset--color--white);
}

.community-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--60);
  align-items: center;
}

.community-description {
  font-size: var(--wp--preset--font-size--x-large);
  color: var(--wp--preset--color--blue-navy);
  opacity: 0.8;
  line-height: 1.7;
  margin-bottom: var(--wp--preset--spacing--40);
}

.community-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--40);
}

.community-stat {
  text-align: center;
}

.community-stat-value {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--huge);
  font-weight: 700;
  color: var(--wp--preset--color--blue-primary);
  display: block;
}

.community-stat-label {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn-community {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.btn-community:hover {
  background: var(--wp--preset--color--blue-navy);
}

.community-images {
  position: relative;
  height: 500px;
}

.community-image-stack {
  position: relative;
  width: 100%;
  height: 100%;
}

.community-img {
  position: absolute;
  width: 70%;
  aspect-ratio: 4/3;
  object-fit: cover;
  box-shadow: 0 20px 60px rgba(0,43,92,0.2);
}

.community-img-1 {
  top: 0;
  left: 0;
  z-index: 3;
}

.community-img-2 {
  top: 20%;
  right: 0;
  z-index: 2;
}

.community-img-3 {
  bottom: 0;
  left: 10%;
  z-index: 1;
}

/* :::SECTION:Partners::: */
.partners-section {
  padding: var(--wp--preset--spacing--50) 0;
  background: var(--wp--preset--color--blue-navy);
}

.partners-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--wp--preset--color--silver);
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--40);
}

.partners-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--50);
  flex-wrap: wrap;
}

.partner-logo {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.partner-logo:hover {
  opacity: 1;
}

.partner-logo img {
  height: 40px;
  width: auto;
  filter: brightness(0) invert(1);
}

/* :::SECTION:Footer::: */
.site-footer {
  background: var(--wp--preset--color--blue-dark);
  padding: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--40);
  color: var(--wp--preset--color--white);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr) 1.5fr;
  gap: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--50);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-logo {
  width: 80px;
  margin-bottom: var(--wp--preset--spacing--30);
}

.footer-tagline {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  line-height: 1.8;
}

.footer-social {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  margin-top: var(--wp--preset--spacing--40);
}

.social-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  transition: background 0.3s ease;
}

.social-link:hover {
  background: var(--wp--preset--color--blue-primary);
}

.social-icon {
  width: 20px;
  height: 20px;
  background-color: var(--wp--preset--color--white);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.social-icon.facebook {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}

.social-icon.twitter {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.social-icon.instagram {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E");
}

.social-icon.youtube {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

.footer-nav-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--wp--preset--spacing--30);
}

.footer-nav-list li {
  margin-bottom: var(--wp--preset--spacing--20);
}

.footer-nav-list a {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  transition: color 0.3s ease;
}

.footer-nav-list a:hover {
  color: var(--wp--preset--color--white);
}

.footer-newsletter p {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  margin-bottom: var(--wp--preset--spacing--30);
}

.newsletter-form {
  display: flex;
  gap: var(--wp--preset--spacing--20);
}

.newsletter-input {
  flex: 1;
  padding: var(--wp--preset--spacing--30);
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--small);
}

.newsletter-input::placeholder {
  color: var(--wp--preset--color--silver);
}

.newsletter-input:focus {
  outline: none;
  border-color: var(--wp--preset--color--blue-primary);
}

.newsletter-btn {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: var(--wp--preset--font-size--small);
  transition: background 0.3s ease;
}

.newsletter-btn:hover {
  background: #0078D4;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--wp--preset--spacing--40);
}

.footer-copyright {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
}

.footer-legal {
  display: flex;
  gap: var(--wp--preset--spacing--40);
}

.footer-legal a {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  transition: color 0.3s ease;
}

.footer-legal a:hover {
  color: var(--wp--preset--color--white);
}

.nba-logo {
  height: 40px;
  width: auto;
}

/* :::SECTION:Mobile Menu::: */
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--wp--preset--color--blue-navy);
  z-index: 100;
  padding: var(--wp--preset--spacing--65) var(--wp--preset--spacing--40);
  transition: right 0.3s ease;
}

.mobile-menu.is-open {
  right: 0;
}

.mobile-menu-nav {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

.mobile-nav-link {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
  transition: color 0.3s ease;
}

.mobile-nav-link:hover {
  color: var(--wp--preset--color--blue-primary);
}

.mobile-tickets-btn {
  background: var(--wp--preset--color--blue-primary);
  padding: var(--wp--preset--spacing--30);
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

/* :::SECTION:Responsive::: */
@media (max-width: 1024px) {
  .hero-header {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  }
  
  .hero-content {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  }
  
  .hero-footer {
    grid-template-columns: 1fr;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  }
  
  .hero-countdown {
    justify-content: flex-start;
  }
  
  .schedule-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .roster-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .player-featured {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .ticket-options {
    grid-template-columns: 1fr;
  }
  
  .entertainment-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .ent-card-large {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  
  .community-layout {
    grid-template-columns: 1fr;
    gap: var(--wp--preset--spacing--50);
  }
  
  .community-images {
    height: 400px;
  }
  
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .hero {
    --font-size-display: clamp(3rem, 18vw, 5rem);
  }
  
  .hero-nav {
    display: none;
  }
  
  .mobile-menu-btn {
    display: flex;
  }
  
  .hero-logo {
    width: 60px;
  }
  
  .hero-tagline {
    font-size: var(--wp--preset--font-size--medium);
    letter-spacing: 0.15em;
  }
  
  .hero-description {
    font-size: var(--wp--preset--font-size--medium);
  }
  
  .hero-cta-group {
    flex-direction: column;
  }
  
  .hero-cta {
    justify-content: center;
    width: 100%;
  }
  
  .hero-next-game-info {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--30);
  }
  
  .hero-countdown {
    width: 100%;
    justify-content: space-between;
  }
  
  .hero-countdown-item {
    flex: 1;
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  }
  
  .hero-energy-line {
    display: none;
  }
  
  .ticker-content {
    justify-content: flex-start;
    gap: var(--wp--preset--spacing--40);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .schedule-grid {
    grid-template-columns: 1fr;
  }
  
  .news-grid {
    grid-template-columns: 1fr;
  }
  
  .news-card-featured {
    grid-row: auto;
  }
  
  .roster-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .player-stats {
    justify-content: center;
  }
  
  .tickets-promo {
    flex-direction: column;
    text-align: center;
    gap: var(--wp--preset--spacing--40);
  }
  
  .entertainment-grid {
    grid-template-columns: 1fr;
  }
  
  .community-stats {
    grid-template-columns: 1fr;
    gap: var(--wp--preset--spacing--30);
  }
  
  .community-images {
    height: 300px;
  }
  
  .community-img {
    width: 80%;
  }
  
  .partners-grid {
    gap: var(--wp--preset--spacing--40);
  }
  
  .partner-logo img {
    height: 30px;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .footer-social {
    justify-content: center;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
    text-align: center;
  }
  
  .footer-legal {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 0 var(--wp--preset--spacing--30);
  }
  
  .roster-grid {
    grid-template-columns: 1fr;
  }
  
  .newsletter-form {
    flex-direction: column;
  }
  
  .newsletter-btn {
    width: 100%;
  }
}

/* :::SECTION:Templates::: */
/* WordPress Post Listings */
.wp-block-post-title {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wp--preset--color--blue-navy);
  margin-bottom: var(--wp--preset--spacing--20);
  line-height: 1.2;
}

.wp-block-post-title a {
  color: inherit;
  transition: color 0.3s ease;
}

.wp-block-post-title a:hover {
  color: var(--wp--preset--color--blue-primary);
}

.wp-block-post-date,
.wp-block-post-author {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--silver);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wp-block-post-excerpt {
  color: var(--wp--preset--color--blue-navy);
  opacity: 0.8;
  line-height: 1.6;
  margin: var(--wp--preset--spacing--30) 0;
}

.wp-block-post-content {
  line-height: 1.8;
  color: var(--wp--preset--color--blue-navy);
}

.wp-block-post-content p {
  margin-bottom: var(--wp--preset--spacing--40);
}

.wp-block-post-featured-image {
  margin-bottom: var(--wp--preset--spacing--40);
  overflow: hidden;
}

.wp-block-post-featured-image img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

/* WordPress Navigation */
.wp-block-query-pagination {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  justify-content: center;
  margin-top: var(--wp--preset--spacing--50);
}

.wp-block-query-pagination a {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background 0.3s ease;
}

.wp-block-query-pagination a:hover {
  background: var(--wp--preset--color--blue-primary);
}

.wp-block-post-navigation-link {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
}

.wp-block-post-navigation-link a {
  color: var(--wp--preset--color--blue-primary);
  transition: color 0.3s ease;
}

.wp-block-post-navigation-link a:hover {
  color: var(--wp--preset--color--blue-navy);
}

/* WordPress Search */
.wp-block-search {
  display: flex;
  gap: var(--wp--preset--spacing--20);
  max-width: 500px;
}

.wp-block-search__input {
  flex: 1;
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--silver-light);
  border: 2px solid transparent;
  font-size: var(--wp--preset--font-size--medium);
  transition: border-color 0.3s ease;
}

.wp-block-search__input:focus {
  outline: none;
  border-color: var(--wp--preset--color--blue-primary);
}

.wp-block-search__button {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wp-block-search__button:hover {
  background: var(--wp--preset--color--blue-navy);
}

/* WordPress Comments */
.wp-block-comment-template {
  margin: var(--wp--preset--spacing--50) 0;
}

.wp-block-comment-author-name {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--wp--preset--color--blue-navy);
}

.wp-block-comment-content {
  color: var(--wp--preset--color--blue-navy);
  opacity: 0.8;
  line-height: 1.6;
  margin-top: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--silver-light);
  border-left: 4px solid var(--wp--preset--color--blue-primary);
}

/* WordPress Typography */
.wp-block-quote {
  border-left: 4px solid var(--wp--preset--color--blue-primary);
  padding-left: var(--wp--preset--spacing--40);
  margin: var(--wp--preset--spacing--40) 0;
  font-style: italic;
  color: var(--wp--preset--color--blue-navy);
}

.wp-block-quote cite {
  display: block;
  font-style: normal;
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wp--preset--color--silver);
  margin-top: var(--wp--preset--spacing--30);
}

.wp-block-code {
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--silver-light);
  padding: var(--wp--preset--spacing--40);
  overflow-x: auto;
  font-family: monospace;
  font-size: var(--wp--preset--font-size--small);
  border-radius: 0;
}

/* Focus States */
a:focus,
button:focus,
input:focus {
  outline: 2px solid var(--wp--preset--color--blue-primary);
  outline-offset: 2px;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--wp--preset--color--blue-primary);
  outline-offset: 2px;
}


/* :::SECTION:Hero::: */

/* Button wrapper resets */
.wp-block-button.hero-cta {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

.wp-block-button.hero-cta-primary {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

.wp-block-button.hero-cta-secondary {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Button link styles - NO :root :where() to override WordPress defaults */
.wp-block-button.hero-cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--large);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.wp-block-button.hero-cta-primary .wp-block-button__link {
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
}

.wp-block-button.hero-cta-primary .wp-block-button__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.4s ease;
}

.wp-block-button.hero-cta-primary .wp-block-button__link:hover::before {
  left: 100%;
}

.wp-block-button.hero-cta-primary .wp-block-button__link:hover {
  background: #0078D4;
  transform: translateY(-2px);
}

.wp-block-button.hero-cta-secondary .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--silver);
}

.wp-block-button.hero-cta-secondary .wp-block-button__link:hover {
  background: rgba(196, 206, 212, 0.15);
  border-color: var(--wp--preset--color--white);
}

/* Hero navigation - list converted to wp:list */
:root :where(.hero-nav) {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  align-items: center;
  list-style: none;
}

.editor-styles-wrapper .hero-nav {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
  align-items: center !important;
}

.editor-styles-wrapper .hero-nav .wp-block-list-item + .wp-block-list-item {
  margin-left: var(--wp--preset--spacing--40) !important;
}

/* Hero navigation links */
:root :where(.hero-nav-link) {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

:root :where(.hero-nav-link:hover) {
  opacity: 1;
}

:root :where(.hero-tickets-btn) {
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  border: none;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  transition: background 0.2s ease, transform 0.2s ease;
}

:root :where(.hero-tickets-btn:hover) {
  background: #0078D4;
  transform: scale(1.02);
}

/* Hero gradient overlay */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(0, 43, 92, 0.95) 0%,
    rgba(0, 43, 92, 0.75) 30%,
    rgba(0, 100, 177, 0.4) 70%,
    transparent 100%
  );
  z-index: 1;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 2px,
      rgba(0, 100, 177, 0.03) 2px,
      rgba(0, 100, 177, 0.03) 4px
    );
  z-index: 1;
  pointer-events: none;
}

/* Hero energy lines - absolute positioning fix for editor */
.editor-styles-wrapper .hero-energy-line {
  position: absolute !important;
}

.editor-styles-wrapper .hero-energy-line-1 {
  position: absolute !important;
}

.editor-styles-wrapper .hero-energy-line-2 {
  position: absolute !important;
}

.editor-styles-wrapper .hero-energy-line-3 {
  position: absolute !important;
}

/* Hero footer grid */
.editor-styles-wrapper .hero-footer > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-footer {
  display: grid !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Hero next game info flex */
.editor-styles-wrapper .hero-next-game-info > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-next-game-info {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Hero game matchup flex */
.editor-styles-wrapper .hero-game-matchup > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-game-matchup {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Hero countdown flex */
.editor-styles-wrapper .hero-countdown > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-countdown {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Hero CTA group flex */
.editor-styles-wrapper .hero-cta-group > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-cta-group {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Player number absolute positioning */
.editor-styles-wrapper .player-number {
  position: absolute !important;
}

/* :::SECTION:Live Ticker::: */

/* Ticker content flex */
.editor-styles-wrapper .ticker-content > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .ticker-content {
  display: flex !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Ticker item flex */
.editor-styles-wrapper .ticker-item > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .ticker-item {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

.editor-styles-wrapper .ticker-live > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .ticker-live {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* :::SECTION:Schedule::: */

/* Schedule grid */
.editor-styles-wrapper .schedule-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .schedule-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Game card header flex with space-between */
.editor-styles-wrapper .game-card-header > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .game-card-header {
  display: flex !important;
  justify-content: space-between !important;
}

/* Game card teams flex */
.editor-styles-wrapper .game-card-teams > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .game-card-teams {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Game team flex */
.editor-styles-wrapper .game-team > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .game-team {
  display: flex !important;
  gap: var(--wp--preset--spacing--20) !important;
}

/* Game card CTA button wrapper reset */
.wp-block-button.game-card-cta {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

.wp-block-button.game-card-cta-secondary {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Game card CTA button link styles */
.wp-block-button.game-card-cta .wp-block-button__link {
  display: block;
  text-align: center;
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.wp-block-button.game-card-cta .wp-block-button__link:hover {
  background: var(--wp--preset--color--blue-navy);
}

.wp-block-button.game-card-cta-secondary .wp-block-button__link {
  background: var(--wp--preset--color--silver);
  color: var(--wp--preset--color--blue-navy);
}

.wp-block-button.game-card-cta-secondary .wp-block-button__link:hover {
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
}

/* Full schedule button wrapper reset */
.wp-block-button.btn-full-schedule {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Full schedule button link styles */
.wp-block-button.btn-full-schedule .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--blue-navy);
  transition: all 0.3s ease;
}

.wp-block-button.btn-full-schedule .wp-block-button__link:hover {
  background: transparent;
  color: var(--wp--preset--color--blue-navy);
}

/* :::SECTION:Roster::: */

/* Roster spotlight grid */
.editor-styles-wrapper .roster-spotlight > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .roster-spotlight {
  display: grid !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Player featured grid */
.editor-styles-wrapper .player-featured > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .player-featured {
  display: grid !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Player stats flex */
.editor-styles-wrapper .player-stats > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .player-stats {
  display: flex !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Roster grid */
.editor-styles-wrapper .roster-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .roster-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* View roster button wrapper reset */
.wp-block-button.btn-view-roster {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* View roster button link styles */
.wp-block-button.btn-view-roster .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: transparent;
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--silver);
  transition: all 0.3s ease;
}

.wp-block-button.btn-view-roster .wp-block-button__link:hover {
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--blue-navy);
  border-color: var(--wp--preset--color--white);
}

/* :::SECTION:News::: */

/* News grid */
.editor-styles-wrapper .news-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .news-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* News card play absolute positioning */
.editor-styles-wrapper .news-card-play {
  position: absolute !important;
}

/* Play icon absolute positioning */
.editor-styles-wrapper .play-icon {
  position: absolute !important;
}

/* More news button wrapper reset */
.wp-block-button.btn-more-news {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* More news button link styles */
.wp-block-button.btn-more-news .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--wp--preset--color--blue-navy);
  transition: all 0.3s ease;
}

.wp-block-button.btn-more-news .wp-block-button__link:hover {
  background: transparent;
  color: var(--wp--preset--color--blue-navy);
}

/* :::SECTION:Tickets::: */

/* Ticket options grid */
.editor-styles-wrapper .ticket-options > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .ticket-options {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Ticket card badge absolute positioning */
.editor-styles-wrapper .ticket-card-badge {
  position: absolute !important;
}

/* Ticket card button wrapper reset */
.wp-block-button.ticket-card-btn {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Ticket card button link styles */
.wp-block-button.ticket-card-btn .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.wp-block-button.ticket-card-btn .wp-block-button__link:hover {
  background: #0078D4;
}

/* Tickets promo flex with space-between */
.editor-styles-wrapper .tickets-promo > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .tickets-promo {
  display: flex !important;
  justify-content: space-between !important;
}

/* Promo button wrapper reset */
.wp-block-button.promo-btn {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Promo button link styles */
.wp-block-button.promo-btn .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--blue-primary);
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.wp-block-button.promo-btn .wp-block-button__link:hover {
  background: var(--wp--preset--color--blue-navy);
  color: var(--wp--preset--color--white);
}

/* :::SECTION:Entertainment::: */

/* Entertainment grid */
.editor-styles-wrapper .entertainment-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .entertainment-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Entertainment card content absolute positioning */
.editor-styles-wrapper .ent-card-content {
  position: absolute !important;
}

/* :::SECTION:Community::: */

/* Community layout grid */
.editor-styles-wrapper .community-layout > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .community-layout {
  display: grid !important;
  gap: var(--wp--preset--spacing--60) !important;
}

/* Community stats grid */
.editor-styles-wrapper .community-stats > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .community-stats {
  display: grid !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Community button wrapper reset */
.wp-block-button.btn-community {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Community button link styles */
.wp-block-button.btn-community .wp-block-button__link {
  display: inline-block;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
  transition: background 0.3s ease;
}

.wp-block-button.btn-community .wp-block-button__link:hover {
  background: var(--wp--preset--color--blue-navy);
}

/* Community images absolute positioning */
.editor-styles-wrapper .community-img {
  position: absolute !important;
}

.editor-styles-wrapper .community-img-1 {
  position: absolute !important;
}

.editor-styles-wrapper .community-img-2 {
  position: absolute !important;
}

.editor-styles-wrapper .community-img-3 {
  position: absolute !important;
}

/* :::SECTION:Partners::: */

/* Partners grid flex */
.editor-styles-wrapper .partners-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .partners-grid {
  display: flex !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* :::SECTION:Footer::: */

/* Footer grid */
.editor-styles-wrapper .footer-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Footer social flex */
.editor-styles-wrapper .footer-social > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-social {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Footer nav list */
:root :where(.footer-nav-list) {
  list-style: none;
}

/* Newsletter form flex */
.editor-styles-wrapper .newsletter-form > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .newsletter-form {
  display: flex !important;
  gap: var(--wp--preset--spacing--20) !important;
}

/* Newsletter button wrapper reset */
.wp-block-button.newsletter-btn {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Newsletter button link styles */
.wp-block-button.newsletter-btn .wp-block-button__link {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--blue-primary);
  color: var(--wp--preset--color--white);
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: var(--wp--preset--font-size--small);
  transition: background 0.3s ease;
}

.wp-block-button.newsletter-btn .wp-block-button__link:hover {
  background: #0078D4;
}

/* Footer bottom flex with space-between */
.editor-styles-wrapper .footer-bottom > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
}

/* Footer legal flex */
.editor-styles-wrapper .footer-legal > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-legal {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* :::SECTION:Margin Parity::: */

/* Section header margins */
:root :where(.section-header) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .section-header {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Section eyebrow margins */
:root :where(.section-eyebrow) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .section-eyebrow {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Hero tagline margins */
:root :where(.hero-tagline) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .hero-tagline {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Hero headline margins */
:root :where(.hero-headline) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .hero-headline {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Hero description margins */
:root :where(.hero-description) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .hero-description {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Hero next game label margins */
:root :where(.hero-next-game-label) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .hero-next-game-label {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Roster spotlight margins */
:root :where(.roster-spotlight) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .roster-spotlight {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Player name margins */
:root :where(.player-name) {
  margin-block-start: var(--wp--preset--spacing--20);
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .player-name {
  margin-block-start: var(--wp--preset--spacing--20) !important;
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Stat label margins */
:root :where(.stat-label) {
  margin-block-start: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .stat-label {
  margin-block-start: var(--wp--preset--spacing--20) !important;
}

/* Player card name margins */
:root :where(.player-card-name) {
  margin-block-start: var(--wp--preset--spacing--20);
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .player-card-name {
  margin-block-start: var(--wp--preset--spacing--20) !important;
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Roster grid margins */
:root :where(.roster-grid) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .roster-grid {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* News title margins */
:root :where(.news-title) {
  margin-block-start: var(--wp--preset--spacing--20);
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .news-title {
  margin-block-start: var(--wp--preset--spacing--20) !important;
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* News excerpt margins */
:root :where(.news-excerpt) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .news-excerpt {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Tickets title margins */
:root :where(.tickets-title) {
  margin-block-start: var(--wp--preset--spacing--20);
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .tickets-title {
  margin-block-start: var(--wp--preset--spacing--20) !important;
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Tickets text margins */
:root :where(.tickets-text) {
  margin-block-end: var(--wp--preset--spacing--60);
}

.editor-styles-wrapper .tickets-text {
  margin-block-end: var(--wp--preset--spacing--60) !important;
}

/* Ticket options margins */
:root :where(.ticket-options) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .ticket-options {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Ticket card icon margins */
:root :where(.ticket-card-icon) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .ticket-card-icon {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Ticket card title margins */
:root :where(.ticket-card-title) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .ticket-card-title {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Ticket card desc margins */
:root :where(.ticket-card-desc) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .ticket-card-desc {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Promo title margins */
:root :where(.promo-title) {
  margin-block-end: 0;
}

.editor-styles-wrapper .promo-title {
  margin-block-end: 0 !important;
}

/* Entertainment card desc margins */
:root :where(.ent-card-desc) {
  margin-block-start: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .ent-card-desc {
  margin-block-start: var(--wp--preset--spacing--20) !important;
}

/* Community description margins */
:root :where(.community-description) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .community-description {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Community stats margins */
:root :where(.community-stats) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .community-stats {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Partners title margins */
:root :where(.partners-title) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .partners-title {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Footer logo margins */
:root :where(.footer-logo) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .footer-logo {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Footer social margins */
:root :where(.footer-social) {
  margin-block-start: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .footer-social {
  margin-block-start: var(--wp--preset--spacing--40) !important;
}

/* Footer nav title margins */
:root :where(.footer-nav-title) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .footer-nav-title {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Footer nav list item margins */
:root :where(.footer-nav-list li) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .footer-nav-list li {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Footer newsletter paragraph margins */
:root :where(.footer-newsletter p) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .footer-newsletter p {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Footer bottom margins */
:root :where(.footer-bottom) {
  margin-block-start: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .footer-bottom {
  margin-block-start: var(--wp--preset--spacing--40) !important;
}

/* Footer grid margins */
:root :where(.footer-grid) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .footer-grid {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Schedule footer margins */
:root :where(.schedule-footer) {
  margin-block-start: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .schedule-footer {
  margin-block-start: var(--wp--preset--spacing--50) !important;
}

/* News footer margins */
:root :where(.news-footer) {
  margin-block-start: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .news-footer {
  margin-block-start: var(--wp--preset--spacing--50) !important;
}

/* Roster footer margins */
:root :where(.roster-footer) {
  margin-block-start: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .roster-footer {
  margin-block-start: var(--wp--preset--spacing--50) !important;
}

/* Game card header margins */
:root :where(.game-card-header) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .game-card-header {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Game card teams margins */
:root :where(.game-card-teams) {
  margin-block-start: 0;
  margin-block-end: 0;
}

.editor-styles-wrapper .game-card-teams {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Game card info margins */
:root :where(.game-card-info) {
  margin-block-start: var(--wp--preset--spacing--30);
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .game-card-info {
  margin-block-start: var(--wp--preset--spacing--30) !important;
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* WordPress Admin Bar Offset */
.admin-bar .nav,
.admin-bar [class*="nav"][style*="position: fixed"],
.admin-bar [class*="header"][style*="position: fixed"] {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .nav,
  .admin-bar [class*="nav"][style*="position: fixed"],
  .admin-bar [class*="header"][style*="position: fixed"] {
    top: 46px;
  }
}

/* Reset paragraph wrapper styles for inline content converted to wp:paragraph */
:where(.wp-block-paragraph) {
  margin: 0;
}

/* Reset WordPress button line-height to match original CSS */
.wp-block-button__link {
  line-height: normal;
}

/* CRITICAL: Reset WordPress button wrappers to prevent double styling. */
.wp-block-button {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  margin: 0;
  box-shadow: none !important;
}

/* Navigation link styling - remove default underlines in nav contexts */
:where([class*="nav"] a),
:where([class*="nav"] .wp-block-paragraph a),
:where([class*="-link-wrapper"] a) {
  text-decoration: none;
}

/* Reset paragraph margins inside navigation */
:where([class*="nav"] .wp-block-paragraph) {
  margin: 0;
}

/* Editor-specific: override WordPress editor link styles */
.editor-styles-wrapper [class*="nav"] a,
.editor-styles-wrapper [class*="-link-wrapper"] a {
  text-decoration: none;
}

/* wp:navigation block resets */
:where(.wp-block-navigation),
:where(.wp-block-navigation-item__content) {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}

:where(.wp-block-navigation__container) {
  padding: 0;
}

/* Spacer inside navigation */
:where(.wp-block-navigation .wp-block-spacer) {
  flex-grow: 1;
  height: 0 !important;
  min-height: 0 !important;
}

/* Reset responsive container */
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Desktop navigation layout */
.wp-block-navigation__responsive-container-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  overflow: visible;
}

/* Gap between nav items */
:where(.wp-block-navigation .wp-block-navigation__container) {
  gap: var(--nav-gap, 1.5rem);
}

/* Nav containers must shrink to fit */
.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
  flex-shrink: 1;
  min-width: 0;
}

:where(.wp-block-navigation__responsive-container-content > .wp-block-navigation__container) {
  display: flex;
  align-items: center;
}

/* CRITICAL: Reset inner UL elements */
.wp-block-navigation__container {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.wp-block-navigation__responsive-container-content > * {
  flex-shrink: 0;
}

:where(.wp-block-navigation .wp-block-search) {
  flex-shrink: 0;
}

.wp-block-navigation .wp-block-site-title {
  margin: 0;
}

.wp-block-navigation .wp-block-site-title a {
  text-decoration: none;
  color: inherit;
}

.wp-block-navigation .wp-block-navigation-item__content {
  display: inline;
  white-space: nowrap;
}

/* wp:navigation mobile menu defaults */
.wp-block-navigation__responsive-container-open {
  background: transparent;
  border: none;
  color: inherit;
}

/* Mobile menu overlay: explicit viewport dimensions needed because parent transforms
   (e.g. on sticky headers) create new containing blocks, breaking position:fixed */
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--mobile-nav-background, #1a1a1a);
  color: var(--mobile-nav-text, #ffffff);
  width: 100vw;
  height: 100vh;
  height: 100dvh; /* Dynamic viewport height for mobile browsers */
  padding: var(--mobile-nav-padding, 1.5rem); /* Ensure close button has breathing room */
  box-sizing: border-box;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: var(--mobile-nav-font-size, 1.5rem);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: var(--mobile-nav-gap, 1.5rem);
}

/* Mobile menu: override desktop justification for centered mobile layout */
/* WordPress sets --navigation-layout-justification-setting from block attributes (e.g. justifyContent:"right") */
/* which bleeds into mobile menu. Reset the variable so WordPress's own CSS uses center alignment. */
.wp-block-navigation__responsive-container.is-menu-open {
  --navigation-layout-justification-setting: center;
  --navigation-layout-justify: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  flex-direction: column;
  align-items: center;
  gap: var(--mobile-nav-gap, 1.5rem);
}

/* Mobile menu z-index fix: When header and content are siblings with same z-index,
   content paints above header due to DOM order. Elevate only the template part containing
   the open navigation menu. Use :has() for precise targeting without affecting other elements. */
.wp-block-template-part:has(.wp-block-navigation .is-menu-open),
header:has(.wp-block-navigation .is-menu-open) {
  z-index: 100001;
  position: relative;
}

/* Adjust hero height for admin bar */
.admin-bar .hero {
  min-height: calc(100vh - 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .hero {
    min-height: calc(100vh - 46px);
  }
}

/* Editor-specific fixes */
.editor-styles-wrapper .wp-block-navigation-item {
  margin: 0;
}

/* Editor navigation structure fix - ensure flex display is applied */
/* Gap values should come from theme-specific CSS adjustments, not here */
.editor-styles-wrapper .wp-block-navigation__container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.editor-styles-wrapper .wp-block-navigation__responsive-container-content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* ===========================================
   RESPONSIVE UTILITY CLASSES (Miles Utilities)
   Reusable helpers for common responsive patterns
   =========================================== */

/* Flex row that stacks vertically on mobile */
.miles-row-stack {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--40, 1.5rem);
}

@media (max-width: 781px) {
  .miles-row-stack {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Reverse order on mobile (image above text, etc.) */
@media (max-width: 781px) {
  .miles-swap-order {
    flex-direction: column-reverse;
  }
}

/* Sticky positioning with admin bar offset */
.miles-sticky-top {
  position: sticky;
  top: 0;
  z-index: 100;
}

.admin-bar .miles-sticky-top {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .miles-sticky-top {
    top: 46px;
  }
}

/* Prevent flex item from shrinking */
.miles-no-shrink {
  flex-shrink: 0;
}

/* Flex utilities for alignment */
.miles-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.miles-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Hide visually but keep accessible */
.miles-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}