/* ============================================================
   DYNAMIC SPORTING CLUB — Brand Override CSS
   Primary: #4DC3F7 (Sky Blue)
   Dark:    #0D1B2E (Deep Navy)
   Mid:     #112240 (Navy)
   Accent:  #1A3A6B (Blue Steel)
   White:   #FFFFFF
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap');

/* ─── CSS Variables ─────────────────────────────────── */
:root {
  --brand-primary:   #4DC3F7;
  --brand-primary-dark: #28A8E0;
  --brand-navy:      #0D1B2E;
  --brand-navy-mid:  #112240;
  --brand-navy-light:#1A3A6B;
  --brand-dark:      #080F1A;
  --brand-white:     #FFFFFF;
  --brand-gray:      rgba(255,255,255,0.55);
  --brand-border:    rgba(77,195,247,0.15);
  --brand-glow:      0 0 30px rgba(77,195,247,0.2);
  --brand-glow-sm:   0 0 12px rgba(77,195,247,0.15);
  --font-display:    'Barlow Condensed', sans-serif;
  --font-body:       'Barlow', sans-serif;
  --transition:      0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ─── Base ───────────────────────────────────────────── */
body {
  background-color: var(--brand-navy);
  font-family: var(--font-body);
  font-weight: 400;
  color: rgba(255,255,255,0.70);
  line-height: 1.7;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: var(--font-display) !important;
  color: var(--brand-white);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

a {
  color: var(--brand-primary);
  transition: var(--transition);
}
a:hover { color: var(--brand-white); text-decoration: none; }

::selection { background: var(--brand-primary); color: var(--brand-navy); }
::-moz-selection { background: var(--brand-primary); color: var(--brand-navy); }

/* ─── Scrollbar ─────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--brand-navy); }
::-webkit-scrollbar-thumb { background: var(--brand-primary); border-radius: 3px; }

/* ─── Buttons ───────────────────────────────────────── */
.btn {
  font-family: var(--font-display) !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 13px;
  border-width: 2px;
  border-radius: 3px;
  padding: 10px 28px;
  transition: var(--transition);
}

.btn-primary,
.btn.btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
  box-shadow: 0 4px 20px rgba(77,195,247,0.25);
}
.btn.btn-primary:hover,
.btn-primary:hover {
  background: transparent !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
  box-shadow: var(--brand-glow);
}

.btn.btn-white {
  background: var(--brand-white) !important;
  border-color: var(--brand-white) !important;
  color: var(--brand-navy) !important;
}
.btn.btn-white:hover {
  background: transparent !important;
  color: var(--brand-white) !important;
}

.btn.btn-black {
  background: var(--brand-navy-mid) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}
.btn.btn-black:hover {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
}

/* ─── Form Controls ─────────────────────────────────── */
.form-control {
  font-family: var(--font-body) !important;
  background: rgba(255,255,255,0.04) !important;
  border-color: var(--brand-border) !important;
  color: var(--brand-white) !important;
  border-radius: 3px !important;
  transition: var(--transition);
}
.form-control:focus,
.form-control:active {
  border-color: var(--brand-primary) !important;
  background: rgba(77,195,247,0.06) !important;
  box-shadow: 0 0 0 3px rgba(77,195,247,0.12) !important;
  outline: none;
}
.form-control::placeholder { color: rgba(255,255,255,0.3); }

/* ─── Navbar ─────────────────────────────────────────── */
.site-navbar {
  background: transparent;
  transition: var(--transition);
}

.site-logo a {
  font-family: var(--font-display) !important;
  font-weight: 900;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: var(--brand-white) !important;
  text-transform: uppercase;
}

.site-navbar .site-navigation .site-menu > li > a {
  font-family: var(--font-display) !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.85) !important;
  padding: 8px 18px;
  position: relative;
}
.site-navbar .site-navigation .site-menu > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 18px;
  right: 18px;
  height: 2px;
  background: var(--brand-primary);
  transform: scaleX(0);
  transition: var(--transition);
}
.site-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar .site-navigation .site-menu .active > a {
  color: var(--brand-primary) !important;
}
.site-navbar .site-navigation .site-menu > li > a:hover::after,
.site-navbar .site-navigation .site-menu .active > a::after {
  transform: scaleX(1);
}
.site-navbar .site-navigation .site-menu .active > a::before {
  background: var(--brand-primary) !important;
}

/* Dropdown */
.site-navbar .site-navigation .site-menu .has-children .dropdown {
  background: var(--brand-navy-mid) !important;
  border-top: 2px solid var(--brand-primary) !important;
  border-left: 1px solid var(--brand-border) !important;
  border-right: 1px solid var(--brand-border) !important;
  border-bottom: 1px solid var(--brand-border) !important;
  box-shadow: var(--brand-glow), 0 20px 40px rgba(0,0,0,0.4) !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  color: rgba(255,255,255,0.75) !important;
  font-family: var(--font-body) !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a:hover {
  background: rgba(77,195,247,0.08) !important;
  color: var(--brand-primary) !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
  color: var(--brand-primary) !important;
}
.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a {
  color: var(--brand-primary) !important;
}

/* Sticky Navbar */
.sticky-wrapper.is-sticky .site-navbar {
  background: rgba(13,27,46,0.97) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 2px 30px rgba(0,0,0,0.4), 0 1px 0 var(--brand-border) !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-logo a { color: var(--brand-white) !important; }
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a { color: rgba(255,255,255,0.85) !important; }
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover { color: var(--brand-primary) !important; }
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active::after { background: var(--brand-primary) !important; }

/* Mobile Menu */
.site-mobile-menu {
  background: var(--brand-navy-mid) !important;
  border-left: 1px solid var(--brand-border);
  box-shadow: -20px 0 60px rgba(0,0,0,0.6) !important;
}
.site-mobile-menu .site-nav-wrap a { color: rgba(255,255,255,0.8) !important; }
.site-mobile-menu .site-nav-wrap a:hover,
.site-mobile-menu .site-nav-wrap li.active > a { color: var(--brand-primary) !important; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:before { color: rgba(255,255,255,0.7); }

/* ─── Hero / Cover ───────────────────────────────────── */
.hero.overlay:before {
  background: linear-gradient(
    135deg,
    rgba(13,27,46,0.90) 0%,
    rgba(13,27,46,0.60) 50%,
    rgba(17,34,64,0.80) 100%
  ) !important;
}
.hero h1 {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 20px rgba(0,0,0,0.5);
}
.hero p { color: rgba(255,255,255,0.70) !important; }

/* Hero bottom blue gradient bar */
.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--brand-primary), transparent);
}

/* ─── Countdown ─────────────────────────────────────── */
#date-countdown .countdown-block,
#date-countdown2 .countdown-block {
  background: rgba(77,195,247,0.12) !important;
  border: 1px solid var(--brand-border) !important;
  color: var(--brand-white) !important;
  backdrop-filter: blur(8px);
}

/* ─── Team VS Block ─────────────────────────────────── */
.team-vs {
  background: var(--brand-navy-mid) !important;
  border: 1px solid var(--brand-border) !important;
  box-shadow: var(--brand-glow), 0 20px 60px rgba(0,0,0,0.4) !important;
}
.team-vs .team-2:before {
  background: var(--brand-primary-dark) !important;
  opacity: 0.9;
}
.team-vs .score { color: var(--brand-white) !important; }
.team-vs h3, .team-vs ul { color: var(--brand-white) !important; }

/* ─── Title Section ─────────────────────────────────── */
.title-section .heading {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: 0.08em;
  padding-left: 18px !important;
}
.title-section .heading:before {
  background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark)) !important;
  width: 5px !important;
  border-radius: 2px;
}

/* ─── Section Headings ───────────────────────────────── */
.site-section-heading {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
}

/* ─── Latest News Posts ─────────────────────────────── */
.latest-news .post-entry:before {
  background-color: var(--brand-primary) !important;
}
.latest-news .post-entry .caption:before {
  background: linear-gradient(0deg, rgba(13,27,46,0.85) 0%, rgba(13,27,46,0.3) 100%) !important;
}
.latest-news .post-entry .caption-inner h3 { color: var(--brand-white) !important; }

/* ─── Video Media ─────────────────────────────────────── */
.video-media .play-button .icon {
  background: var(--brand-primary) !important;
}
.video-media .play-button .icon:before {
  border-color: var(--brand-primary) !important;
}

/* ─── Widgets ─────────────────────────────────────────── */
.widget-title {
  background: linear-gradient(135deg, var(--brand-navy-light), var(--brand-primary-dark)) !important;
  border-bottom: 2px solid var(--brand-primary) !important;
}
.widget-title h3 { color: var(--brand-white) !important; }

.widget-next-match {
  border: 1px solid var(--brand-border) !important;
  background: rgba(255,255,255,0.02);
}

.widget-vs .vs > span {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
  font-weight: 900 !important;
}
.widget-vs h3 { color: var(--brand-white) !important; }
.widget-vs-contents h4 { color: var(--brand-primary) !important; }

/* ─── Custom Table ────────────────────────────────────── */
.custom-table thead tr th {
  background: linear-gradient(135deg, var(--brand-navy-light), var(--brand-primary-dark)) !important;
  color: var(--brand-white) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  border: none !important;
}
.custom-table tbody tr td {
  border-bottom: 1px solid var(--brand-border) !important;
  color: rgba(255,255,255,0.75);
}
.custom-table tbody tr:hover td {
  background: rgba(77,195,247,0.04);
}

/* ─── Custom Nav Arrows ──────────────────────────────── */
.custom-nav a {
  background: rgba(77,195,247,0.10) !important;
  color: var(--brand-white) !important;
  border: 1px solid var(--brand-border);
  transition: var(--transition);
}
.custom-nav a:hover {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
  border-color: var(--brand-primary);
}

/* ─── Owl Carousel Dots ───────────────────────────────── */
.owl-dots .owl-dot > span { background: rgba(255,255,255,0.15) !important; }
.owl-dots .owl-dot.active > span { background: var(--brand-primary) !important; }

/* ─── Custom Media (Blog cards) ──────────────────────── */
.custom-media .text h3 a { color: var(--brand-white) !important; }
.custom-media .text h3 a:hover { color: var(--brand-primary) !important; }
.custom-media .text .meta { color: rgba(77,195,247,0.6) !important; }

/* ─── Pagination ────────────────────────────────────── */
.custom-pagination a:hover {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
}
.custom-pagination span {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
}

/* ─── Sidebar ────────────────────────────────────────── */
.categories li a, .sidelink li a { color: rgba(255,255,255,0.8) !important; }
.categories li a:hover, .sidelink li a:hover { color: var(--brand-primary) !important; }
.categories li, .sidelink li { border-bottom-color: var(--brand-border) !important; }

.comment-list li .comment-body .reply {
  background: var(--brand-primary) !important;
  color: var(--brand-navy) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}
.comment-list li .comment-body .reply:hover {
  background: var(--brand-primary-dark) !important;
  color: var(--brand-white) !important;
}

/* ─── More Links ────────────────────────────────────── */
.more {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  color: var(--brand-primary) !important;
}
.more:hover { color: var(--brand-white) !important; }
.more.light { color: var(--brand-primary) !important; }

/* ─── UL Check ──────────────────────────────────────── */
.ul-check.primary li:before { color: var(--brand-primary) !important; }

/* ─── Site Sections ─────────────────────────────────── */
.site-section { position: relative; }

.bg-light { background: rgba(255,255,255,0.03) !important; }
.bg-dark { background: var(--brand-dark) !important; }
.bg-black { background: var(--brand-dark) !important; }

/* ─── Footer ─────────────────────────────────────────── */
.footer-section {
  background: var(--brand-dark) !important;
  border-top: 1px solid var(--brand-border);
  color: rgba(255,255,255,0.45) !important;
  position: relative;
}
.footer-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--brand-primary), var(--brand-primary-dark), transparent);
}
.footer-section .widget h3 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.1em;
  color: var(--brand-white) !important;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--brand-border);
  margin-bottom: 20px !important;
}
.footer-section .widget .links li a {
  color: rgba(255,255,255,0.45) !important;
  transition: var(--transition);
}
.footer-section .widget .links li a:hover { color: var(--brand-primary) !important; }

/* ─── Play Button ─────────────────────────────────────── */
.play-single-big {
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
  box-shadow: var(--brand-glow);
  transition: var(--transition);
}
.play-single-big:hover {
  background: rgba(77,195,247,0.1);
  box-shadow: 0 0 40px rgba(77,195,247,0.35);
}

/* ─── Background Overlay Tint ────────────────────────── */
.bg-image.overlay:after {
  background: rgba(13,27,46,0.72) !important;
}

/* ─── Section headings with accent bar ──────────────── */
.site-section-heading:after {
  content: '';
  display: block;
  margin-top: 14px;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-dark));
  border-radius: 2px;
}

/* ─── Post Meta ─────────────────────────────────────── */
.post-meta a {
  color: var(--brand-primary) !important;
  border-bottom-color: rgba(77,195,247,0.35) !important;
}
.post-meta a:hover { color: var(--brand-white) !important; }

/* ─── Search Form ────────────────────────────────────── */
.search-form .icon { color: var(--brand-primary); }

/* ─── Brand Shine Cards ──────────────────────────────── */
.custom-media.d-block {
  transition: var(--transition);
  border-radius: 6px;
  overflow: hidden;
}
.custom-media.d-block:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.35), var(--brand-glow-sm);
}

/* ─── DSC Brand Badge (navbar logo area) ────────────── */
.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-logo img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(77,195,247,0.3));
}

/* ─── Active nav underline override ─────────────────── */
.site-navbar .site-navigation .site-menu .active > a:before {
  background: var(--brand-primary) !important;
  height: 2px !important;
}

/* ─── Offcanvas overlay ──────────────────────────────── */
.site-wrap:before { background: rgba(13,27,46,0.85) !important; }

/* ─── Hamburger icon ────────────────────────────────── */
.site-menu-toggle .icon-menu { color: var(--brand-white) !important; }

/* ─── Mobile menu close btn ─────────────────────────── */
.site-mobile-menu-header .site-mobile-menu-close span {
  color: rgba(255,255,255,0.6);
  transition: var(--transition);
}
.site-mobile-menu-header .site-mobile-menu-close span:hover { color: var(--brand-primary) !important; }

/* ─── Player Cards ───────────────────────────────────── */
.player-entry {
  transition: var(--transition);
  border-radius: 6px;
  overflow: hidden;
}
.player-entry:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), var(--brand-glow-sm);
}

/* ─── Post Entry hover border ────────────────────────── */
.post-entry {
  transition: var(--transition);
  border-radius: 6px;
  overflow: hidden;
}

/* ─── Contact page ───────────────────────────────────── */
.contact-info h3 { color: var(--brand-primary) !important; font-family: var(--font-display) !important; font-weight: 700 !important; }
.contact-info p a { color: var(--brand-primary) !important; }
.contact-info p a:hover { color: var(--brand-white) !important; }

/* ─── Text & bg utilities ─────────────────────────────── */
.text-primary { color: var(--brand-primary) !important; }
.text-white { color: var(--brand-white) !important; }
.bg-primary { background-color: var(--brand-primary) !important; }

/* ─── Premium texture overlay on hero ───────────────── */
.hero::before {
  background-image: 
    radial-gradient(ellipse at 20% 80%, rgba(77,195,247,0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(26,58,107,0.6) 0%, transparent 50%),
    linear-gradient(160deg, rgba(13,27,46,0.92) 0%, rgba(13,27,46,0.55) 50%, rgba(17,34,64,0.88) 100%) !important;
}

/* ─── Glowing divider ─────────────────────────────────── */
hr {
  border-color: var(--brand-border) !important;
}

/* ─── Social links ───────────────────────────────────── */
.social a {
  color: rgba(255,255,255,0.5) !important;
  transition: var(--transition);
}
.social a:hover { color: var(--brand-primary) !important; }

/* ─── Sticky active underline ────────────────────────── */
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active::after {
  background: var(--brand-primary) !important;
}

/* ─── Floating brand shimmer on page ─────────────────── */
.site-wrap {
  background: var(--brand-navy);
}

/* ─── Loading/AOS enhancements ────────────────────────── */
[data-aos] { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; }

/* ─── Premium Score / Table Row highlights ───────────── */
.custom-table tbody tr.active td,
.custom-table tbody tr:first-child td {
  color: var(--brand-primary);
  font-weight: 600;
}

/* ─── Responsive tweaks ──────────────────────────────── */
@media (max-width: 991.98px) {
  .site-navbar .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  h1, .hero h1 { font-size: 2.2rem !important; }
}

/* ─── DSC specific: inner page hero brand strip ──────── */
.hero.overlay .container { position: relative; z-index: 1; }
.hero.overlay .container::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 15px;
  width: 80px;
  height: 4px;
  background: var(--brand-primary);
  border-radius: 2px;
}

/* ─── Animated nav underline on hover ────────────────── */
@keyframes navPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
.site-navbar .site-navigation .site-menu .active > a {
  color: var(--brand-primary) !important;
}

/* ─── Widget border radius ─────────────────────────────── */
.widget-title { border-radius: 4px 4px 0 0; }
.widget-body { border: 1px solid var(--brand-border); border-top: none; border-radius: 0 0 4px 4px; }
.widget-next-match { border-radius: 4px; }

/* ─── Post comment meta ────────────────────────────────── */
.comment-list li .comment-body .meta { color: rgba(77,195,247,0.5) !important; }
.comment-list li .comment-body h3 { font-family: var(--font-display) !important; font-weight: 700 !important; }

/* ─── Sidebar heading bar ─────────────────────────────── */
.sidebar-box h3 {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.1em;
  color: var(--brand-white) !important;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--brand-primary);
  display: inline-block;
}

/* ─── Match score card bg ────────────────────────────── */
.bg-text-line {
  background: var(--brand-navy-light) !important;
  box-shadow: 12px 0 0 var(--brand-navy-light), -12px 0 0 var(--brand-navy-light) !important;
}

/* ─── Section background alternation ────────────────── */
.site-section:nth-of-type(even) {
  background: rgba(255,255,255,0.015);
}

/* ─── Index Hero specific ────────────────────────────── */
.hero h1 + p + p {
  /* league badge row */
  font-family: var(--font-display) !important;
}

/* ─── Blog post blockquote ────────────────────────────── */
.blog-content blockquote {
  border-left: 4px solid var(--brand-primary);
  background: rgba(77,195,247,0.06);
  padding: 20px 24px;
  border-radius: 0 6px 6px 0;
  margin: 2rem 0;
}
.blog-content blockquote p {
  color: rgba(255,255,255,0.75);
  font-style: italic;
  margin: 0;
}

/* ─── Blog post labels ────────────────────────────────── */
.blog-content .pt-5 a {
  background: rgba(77,195,247,0.12);
  border: 1px solid var(--brand-border);
  border-radius: 3px;
  padding: 2px 10px;
  font-size: 12px;
  font-family: var(--font-display) !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--brand-primary) !important;
  transition: var(--transition);
}
.blog-content .pt-5 a:hover {
  background: var(--brand-primary);
  color: var(--brand-navy) !important;
}

/* ─── Comment form bg ─────────────────────────────────── */
.comment-form-wrap form.bg-light {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 6px;
}
.comment-form-wrap label {
  color: rgba(255,255,255,0.6);
  font-family: var(--font-display) !important;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ─── Bg-light match cards ────────────────────────────── */
.bg-light.p-4 {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 8px !important;
  transition: var(--transition);
}
.bg-light.p-4:hover {
  border-color: rgba(77,195,247,0.35) !important;
  box-shadow: var(--brand-glow-sm);
}

/* ─── text-primary override ───────────────────────────── */
.widget-vs-contents strong.text-primary {
  color: var(--brand-primary) !important;
  font-family: var(--font-display) !important;
  letter-spacing: 0.05em;
}

/* ─── Upcoming match date text ────────────────────────── */
.widget-vs-contents span.d-block {
  color: rgba(255,255,255,0.65);
  font-family: var(--font-body) !important;
}

/* ─── Score color in team-vs ─────────────────────────── */
.team-vs .score {
  text-shadow: 0 0 30px rgba(77,195,247,0.5);
}

/* ─── Section bg-dark enhancements ─────────────────────── */
.site-section.bg-dark {
  background: var(--brand-dark) !important;
  border-top: 1px solid var(--brand-border);
  border-bottom: 1px solid var(--brand-border);
}

/* ─── Latest news section bg ─────────────────────────── */
.latest-news {
  background: var(--brand-navy-mid);
}

/* ─── Post entry image radius ─────────────────────────── */
.post-entry img {
  border-radius: 0;
}
.post-entry {
  border-radius: 0;
}

/* ─── Index hero academy badge strip ─────────────────── */
.hero .col-lg-5 > p:nth-of-type(1) {
  font-family: var(--font-body) !important;
  font-weight: 300;
  font-size: 1.05rem;
}