/* July Warriors - Gladiator contained theme */
/* Importante: NO tocar el fondo global. Todo queda dentro del container. */

body {
  background: #f6f7f8 !important;
}

/* Container principal */
.leaderboard-page,
.leaderboard-shell,
.leaderboard-container,
.competition-leaderboard,
main {
  position: relative;
}

/* Caja blanca principal: le damos clima gladiator suave sin romper legibilidad */
.leaderboard-shell,
.leaderboard-container,
.competition-leaderboard {
  background:
    radial-gradient(circle at 12% 0%, rgba(245, 128, 37, 0.10), transparent 32%),
    radial-gradient(circle at 88% 6%, rgba(116, 72, 36, 0.10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #faf7f1 48%, #f4efe6 100%) !important;
  border: 1px solid rgba(126, 87, 48, 0.14) !important;
  box-shadow:
    0 26px 70px rgba(32, 42, 54, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
  overflow: hidden;
}

/* Textura muy sutil dentro del container */
.leaderboard-shell::before,
.leaderboard-container::before,
.competition-leaderboard::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      105deg,
      transparent 0px,
      transparent 22px,
      rgba(73, 54, 38, 0.028) 23px,
      transparent 25px
    ),
    linear-gradient(112deg, transparent 0 36%, rgba(255,255,255,0.22) 37%, transparent 39%),
    linear-gradient(74deg, transparent 0 64%, rgba(126,80,38,0.06) 65%, transparent 67%);
  mix-blend-mode: multiply;
  opacity: 0.8;
  z-index: 0;
}

.leaderboard-shell > *,
.leaderboard-container > *,
.competition-leaderboard > * {
  position: relative;
  z-index: 1;
}

/* Cards internas: metal claro / arena */
.leaderboard-country-ribbon,
.leaderboard-card,
.ranking-card,
.stats-card,
.team-card,
.athlete-card,
[class*="card"],
[class*="panel"] {
  border-color: rgba(129, 91, 50, 0.18) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.78), rgba(235,229,218,0.52)),
    repeating-linear-gradient(
      108deg,
      rgba(42, 42, 42, 0.018) 0px,
      rgba(42, 42, 42, 0.018) 1px,
      transparent 1px,
      transparent 9px
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.66),
    0 16px 36px rgba(63, 47, 32, 0.08) !important;
}

/* Países: mantener limpio y legible */
.leaderboard-country-ribbon {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.72), rgba(228,221,209,0.58)),
    repeating-linear-gradient(
      -10deg,
      transparent 0px,
      transparent 18px,
      rgba(80,60,40,0.025) 19px,
      transparent 21px
    ) !important;
}

/* Títulos */
h1,
h2,
.leaderboard-title,
.leaderboard-country-ribbon-title {
  color: #1c4775 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

/* Naranja/bronce */
.leaderboard-kicker,
.stats-kicker,
.card-kicker,
.section-kicker,
[class*="kicker"] {
  color: #f58025 !important;
}

/* Botón CTA */
.btn-primary,
.leaderboard-cta,
a[href*="join"],
button[type="submit"] {
  border: 1px solid rgba(136, 72, 24, 0.35) !important;
  background:
    linear-gradient(180deg, #ff9a3d 0%, #f58025 58%, #d86418 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    0 10px 24px rgba(245, 128, 37, 0.24) !important;
}

/* Evitar que el theme ensucie nav/header global */
header,
nav,
.site-header,
.topbar {
  background: #ffffff !important;
}

/* === July Warriors background image + remove double container === */

html,
body {
  min-height: 100%;
}

body {
  background:
    linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.84)),
    url('/assets/uploads/july-warriors-bg-light.jpg') center top / cover no-repeat fixed !important;
}

/* Outer July Warriors wrappers: remove the big white container effect */
.jw-warriors-page,
.jw-warriors-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The big rounded white frame that is creating the “container inside container” feeling */
.jw-warriors-page > .container,
.jw-warriors-page > .container-fluid,
.jw-warriors-shell > .container,
.jw-warriors-shell > .container-fluid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep internal cards readable */
.jw-warriors-page .card,
.jw-warriors-page .ranking-header,
.jw-warriors-page .stats-card,
.jw-warriors-page .country-card,
.jw-warriors-page .metric-card,
.jw-warriors-page .leaderboard-card,
.jw-warriors-page .table-wrap {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(6px);
}


/* === JW background as visual layer === */

body {
  position: relative;
  background: #f7f3ec !important;
}

/* Background image layer */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(rgba(247,243,236,0.62), rgba(247,243,236,0.72)),
    url('/assets/uploads/july-warriors-bg-light.jpg') center top / cover no-repeat;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

/* Make the actual page sit above the background */
body > * {
  position: relative;
  z-index: 1;
}

/* Remove remaining white outer shells */
.jw-warriors-page,
.jw-warriors-shell,
.page-wrap,
.page-wrapper,
.main-wrapper,
.leaderboard-wrapper,
.competition-wrapper,
.container-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep only content cards readable */
.jw-warriors-page .card,
.jw-warriors-page .ranking-header,
.jw-warriors-page .stats-card,
.jw-warriors-page .country-card,
.jw-warriors-page .metric-card,
.jw-warriors-page .leaderboard-card,
.jw-warriors-page .table-wrap,
.jw-warriors-page section {
  background-color: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(5px);
}


/* === JW logo size fine tuning === */

/* Desktop + general */
.jw-warriors-page img[src*="r2r-july-warriors-logo"],
.jw-warriors-shell img[src*="r2r-july-warriors-logo"],
img[src*="r2r-july-warriors-logo"] {
  transform: scale(1.18) !important;
  transform-origin: center center !important;
}

/* Mobile */
@media (max-width: 768px) {
  .jw-warriors-page img[src*="r2r-july-warriors-logo"],
  .jw-warriors-shell img[src*="r2r-july-warriors-logo"],
  img[src*="r2r-july-warriors-logo"] {
    transform: scale(1.16) !important;
    transform-origin: center center !important;
  }
}


/* === JW mobile logo stronger size override === */

@media (max-width: 768px) {
  .jw-warriors-page img[src*="r2r-july-warriors-logo"],
  .jw-warriors-shell img[src*="r2r-july-warriors-logo"],
  img[src*="r2r-july-warriors-logo"] {
    width: min(82vw, 330px) !important;
    max-width: 330px !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
}

@media (max-width: 420px) {
  .jw-warriors-page img[src*="r2r-july-warriors-logo"],
  .jw-warriors-shell img[src*="r2r-july-warriors-logo"],
  img[src*="r2r-july-warriors-logo"] {
    width: min(86vw, 315px) !important;
    max-width: 315px !important;
  }
}


/* === JW mobile logo forced override === */

@media screen and (max-width: 768px) {

  body .jw-warriors-page img[src*="r2r-july-warriors-logo"],
  body .jw-warriors-shell img[src*="r2r-july-warriors-logo"],
  body img[src*="r2r-july-warriors-logo"],
  body .jw-warriors-page img[src*="july-warriors-logo"],
  body .jw-warriors-shell img[src*="july-warriors-logo"],
  body img[src*="july-warriors-logo"] {
    width: 360px !important;
    max-width: 88vw !important;
    min-width: 300px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  body .jw-logo,
  body .jw-brand-logo,
  body .jw-warriors-logo,
  body .july-warriors-logo,
  body .leaderboard-logo,
  body .competition-logo {
    width: 360px !important;
    max-width: 88vw !important;
    min-width: 300px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

@media screen and (max-width: 420px) {

  body .jw-warriors-page img[src*="r2r-july-warriors-logo"],
  body .jw-warriors-shell img[src*="r2r-july-warriors-logo"],
  body img[src*="r2r-july-warriors-logo"],
  body .jw-warriors-page img[src*="july-warriors-logo"],
  body .jw-warriors-shell img[src*="july-warriors-logo"],
  body img[src*="july-warriors-logo"] {
    width: 340px !important;
    max-width: 90vw !important;
    min-width: 290px !important;
  }

  body .jw-logo,
  body .jw-brand-logo,
  body .jw-warriors-logo,
  body .july-warriors-logo,
  body .leaderboard-logo,
  body .competition-logo {
    width: 340px !important;
    max-width: 90vw !important;
    min-width: 290px !important;
  }
}


/* === JW real mobile logo size override === */

@media screen and (max-width: 768px) {
  body .leaderboard-brand-left .competition-logo {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body .leaderboard-brand-left .competition-logo img {
    width: min(88vw, 360px) !important;
    max-width: min(88vw, 360px) !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media screen and (max-width: 420px) {
  body .leaderboard-brand-left .competition-logo img {
    width: min(90vw, 340px) !important;
    max-width: min(90vw, 340px) !important;
  }
}


/* === JW typography: Barlow Condensed SemiBold 600 === */

/* Upper leaderboard area: month header, pills, countries, training stats, key facts */
.jw-warriors-page .ranking-header,
.jw-warriors-page .ranking-header *,
.jw-warriors-page .country-card,
.jw-warriors-page .country-card *,
.jw-warriors-page .stats-card,
.jw-warriors-page .stats-card *,
.jw-warriors-page .metric-card,
.jw-warriors-page .metric-card *,
.jw-warriors-page .key-facts,
.jw-warriors-page .key-facts *,
.jw-warriors-page .training-stats,
.jw-warriors-page .training-stats *,
.jw-warriors-page .leaderboard-summary,
.jw-warriors-page .leaderboard-summary * {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
}

/* Titles */
.jw-warriors-page .ranking-header h1,
.jw-warriors-page .country-card h2,
.jw-warriors-page .stats-card h2,
.jw-warriors-page .training-stats h2,
.jw-warriors-page .key-facts h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

/* Big numbers */
.jw-warriors-page .metric-card strong,
.jw-warriors-page .metric-card .number,
.jw-warriors-page .stats-card strong,
.jw-warriors-page .stats-card .number,
.jw-warriors-page .key-fact-number,
.jw-warriors-page .stat-value {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  line-height: 0.95;
}

/* Small labels */
.jw-warriors-page .metric-card span,
.jw-warriors-page .stats-card span,
.jw-warriors-page .key-fact-label,
.jw-warriors-page .stat-label,
.jw-warriors-page .ranking-header small {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}


/* === JW typography force: Barlow Condensed SemiBold 600 === */

/* Everything above the leaderboard table */
body .leaderboard-hero,
body .leaderboard-brand,
body .leaderboard-brand-left,
body .leaderboard-brand-right,
body .leaderboard-header,
body .ranking-header,
body .competition-header,
body .competition-summary,
body .summary-card,
body .summary-card *,
body .stats-grid,
body .stats-grid *,
body .stats-card,
body .stats-card *,
body .metric-card,
body .metric-card *,
body .countries-card,
body .countries-card *,
body .country-card,
body .country-card *,
body .live-stats,
body .live-stats *,
body .training-stats,
body .training-stats *,
body .key-facts,
body .key-facts *,
body .leaderboard-summary,
body .leaderboard-summary *,
body .period-tabs,
body .period-tabs *,
body .month-tabs,
body .month-tabs *,
body .filter-pills,
body .filter-pills *,
body .pill,
body .pill *,
body .btn,
body .btn * {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Specific visible titles and values */
body h1,
body h2,
body h3,
body .stat-value,
body .stat-label,
body .key-fact-number,
body .key-fact-label,
body .number,
body .label,
body .summary-number,
body .summary-label,
body .metric-value,
body .metric-label {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Keep leaderboard table itself untouched */
body table,
body table *,
body .leaderboard-table,
body .leaderboard-table *,
body .table-wrap table,
body .table-wrap table * {
  font-family: inherit !important;
}


/* === JW global typography readability +10% === */

body {
  font-size: 110% !important;
}

/* Avoid overgrowing tiny UI too much */
body .topbar,
body .topbar *,
body .language-switcher,
body .language-switcher *,
body nav,
body nav * {
  font-size: 100% !important;
}

/* Mobile: a little less aggressive to prevent wrapping */
@media screen and (max-width: 768px) {
  body {
    font-size: 106% !important;
  }
}


/* === Revert JW typography to DM Sans === */

body,
body *,
.jw-warriors-page,
.jw-warriors-page *,
.jw-warriors-shell,
.jw-warriors-shell *,
.leaderboard-hero,
.leaderboard-hero *,
.leaderboard-brand,
.leaderboard-brand *,
.ranking-header,
.ranking-header *,
.competition-header,
.competition-header *,
.competition-summary,
.competition-summary *,
.summary-card,
.summary-card *,
.stats-grid,
.stats-grid *,
.stats-card,
.stats-card *,
.metric-card,
.metric-card *,
.countries-card,
.countries-card *,
.country-card,
.country-card *,
.live-stats,
.live-stats *,
.training-stats,
.training-stats *,
.key-facts,
.key-facts *,
.leaderboard-summary,
.leaderboard-summary *,
.period-tabs,
.period-tabs *,
.month-tabs,
.month-tabs *,
.filter-pills,
.filter-pills *,
.pill,
.pill *,
.btn,
.btn * {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Restore normal readable weights */
body h1,
body h2,
body h3,
body .stat-value,
body .stat-label,
body .key-fact-number,
body .key-fact-label,
body .number,
body .label,
body .summary-number,
body .summary-label,
body .metric-value,
body .metric-label {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}


/* Topbar: keep original typography size after July Warriors adjustments */
.r2r-topbar,
.r2r-topbar a,
.r2r-topbar .nav-link,
.r2r-topbar .navbar-brand,
.r2r-topbar .language-selector,
.r2r-topbar .language-selector a {
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
}

.r2r-topbar .navbar-brand,
.r2r-topbar .brand,
.r2r-topbar .logo-text {
  font-size: 14px !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  .r2r-topbar,
  .r2r-topbar a,
  .r2r-topbar .nav-link,
  .r2r-topbar .navbar-brand,
  .r2r-topbar .language-selector,
  .r2r-topbar .language-selector a {
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
  }
}

/* Navbar/topbar: restore original compact typography */
header,
header a,
nav,
nav a,
.navbar,
.navbar a,
.site-header,
.site-header a,
.main-nav,
.main-nav a,
.nav-brand,
.navbar-brand,
.language-switcher,
.language-switcher a,
.language-selector,
.language-selector a {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

header,
header a,
nav,
nav a,
.navbar,
.navbar a,
.site-header,
.site-header a,
.main-nav,
.main-nav a {
  letter-spacing: 0.08em !important;
}

.nav-brand,
.navbar-brand,
.site-logo,
.logo-text {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 768px) {
  header,
  header a,
  nav,
  nav a,
  .navbar,
  .navbar a,
  .site-header,
  .site-header a,
  .main-nav,
  .main-nav a,
  .nav-brand,
  .navbar-brand,
  .language-switcher,
  .language-switcher a,
  .language-selector,
  .language-selector a {
    font-size: 12px !important;
  }
}

/* Snow overlay - copos medianos y visibles */
.r2r-snow {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999;
  overflow: hidden;
}

.r2r-snow::before,
.r2r-snow::after {
  content: "";
  position: absolute;
  inset: -160px 0 0 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.96) 0 2.5px, transparent 3.5px),
    radial-gradient(circle, rgba(255,255,255,.86) 0 2px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.76) 0 3px, transparent 4px);
  background-size:
    210px 210px,
    300px 300px,
    420px 420px;
  background-position:
    0 0,
    45px 65px,
    95px 25px;
  animation: r2r-snowfall 9s linear infinite;
  opacity: .98;
}

.r2r-snow::after {
  background-image:
    radial-gradient(circle, rgba(255,255,255,.88) 0 2px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.78) 0 2.5px, transparent 3.5px),
    radial-gradient(circle, rgba(255,255,255,.68) 0 3px, transparent 4px);
  background-size:
    180px 180px,
    260px 260px,
    360px 360px;
  background-position:
    35px 25px,
    85px 105px,
    125px 45px;
  animation-duration: 13s;
  animation-delay: -4s;
  opacity: .78;
  filter: blur(.25px);
}

@keyframes r2r-snowfall {
  from {
    transform: translate3d(0, -160px, 0);
  }
  to {
    transform: translate3d(-70px, 100vh, 0);
  }
}


/* =========================================================
   July Warriors: WeekCards theme only
   ========================================================= */

.week-card,
.weekCard,
.weekly-card,
.leaderboard-week-card,
.leaderboard-weekly-card,
.week-summary-card,
.weekly-summary-card,
.leaderboard-week-summary,
.leaderboard-weekly-summary {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(126, 69, 36, 0.34) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 221, 150, 0.28), transparent 36%),
    radial-gradient(circle at 90% 100%, rgba(130, 59, 29, 0.18), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.92), rgba(246, 233, 205, 0.90) 48%, rgba(224, 199, 158, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -1px 0 rgba(111, 58, 29, 0.18),
    0 8px 18px rgba(74, 45, 25, 0.10) !important;
}

/* textura tipo metal/piedra suave */
.week-card::before,
.weekCard::before,
.weekly-card::before,
.leaderboard-week-card::before,
.leaderboard-weekly-card::before,
.week-summary-card::before,
.weekly-summary-card::before,
.leaderboard-week-summary::before,
.leaderboard-weekly-summary::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.18 !important;
  background:
    repeating-linear-gradient(
      120deg,
      rgba(92, 50, 28, 0.12) 0px,
      rgba(92, 50, 28, 0.12) 1px,
      transparent 1px,
      transparent 9px
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.22),
      transparent 42%,
      rgba(95,47,24,0.08)
    ) !important;
}

/* borde superior estilo placa romana */
.week-card::after,
.weekCard::after,
.weekly-card::after,
.leaderboard-week-card::after,
.leaderboard-weekly-card::after,
.week-summary-card::after,
.weekly-summary-card::after,
.leaderboard-week-summary::after,
.leaderboard-weekly-summary::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, transparent, rgba(198, 116, 48, 0.78), rgba(244, 190, 100, 0.86), rgba(112, 55, 27, 0.72), transparent) !important;
  pointer-events: none !important;
}

/* títulos / labels */
.week-card h3,
.week-card h4,
.weekCard h3,
.weekCard h4,
.weekly-card h3,
.weekly-card h4,
.leaderboard-week-card h3,
.leaderboard-week-card h4,
.leaderboard-weekly-card h3,
.leaderboard-weekly-card h4,
.week-summary-card h3,
.week-summary-card h4,
.weekly-summary-card h3,
.weekly-summary-card h4,
.leaderboard-week-summary h3,
.leaderboard-week-summary h4,
.leaderboard-weekly-summary h3,
.leaderboard-weekly-summary h4 {
  position: relative !important;
  z-index: 1 !important;
  color: #6e341b !important;
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.60) !important;
}

/* números / stats dentro de weekcard */
.week-card strong,
.weekCard strong,
.weekly-card strong,
.leaderboard-week-card strong,
.leaderboard-weekly-card strong,
.week-summary-card strong,
.weekly-summary-card strong,
.leaderboard-week-summary strong,
.leaderboard-weekly-summary strong {
  position: relative !important;
  z-index: 1 !important;
  color: #8a411f !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.55) !important;
}

/* textos secundarios */
.week-card span,
.week-card p,
.weekCard span,
.weekCard p,
.weekly-card span,
.weekly-card p,
.leaderboard-week-card span,
.leaderboard-week-card p,
.leaderboard-weekly-card span,
.leaderboard-weekly-card p,
.week-summary-card span,
.week-summary-card p,
.weekly-summary-card span,
.weekly-summary-card p,
.leaderboard-week-summary span,
.leaderboard-week-summary p,
.leaderboard-weekly-summary span,
.leaderboard-weekly-summary p {
  position: relative !important;
  z-index: 1 !important;
}

/* mobile: menos textura y sombra más chica */
@media (max-width: 768px) {
  .week-card,
  .weekCard,
  .weekly-card,
  .leaderboard-week-card,
  .leaderboard-weekly-card,
  .week-summary-card,
  .weekly-summary-card,
  .leaderboard-week-summary,
  .leaderboard-weekly-summary {
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.72),
      inset 0 -1px 0 rgba(111, 58, 29, 0.14),
      0 5px 12px rgba(74, 45, 25, 0.08) !important;
  }

  .week-card::before,
  .weekCard::before,
  .weekly-card::before,
  .leaderboard-week-card::before,
  .leaderboard-weekly-card::before,
  .week-summary-card::before,
  .weekly-summary-card::before,
  .leaderboard-week-summary::before,
  .leaderboard-weekly-summary::before {
    opacity: 0.12 !important;
  }
}