/* Context visual overrides for /hockey and /foundation */
html.ctx-hockey body,
html.ctx-foundation body{
  background: #0b0d12;
}

/* Give the global header the same “black glass” feel as main site */
html.ctx-hockey header.site-header-main,
html.ctx-foundation header.site-header-main{
  background: rgba(11,13,18,0.86) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Slight darker page chrome under header for a premium look */
html.ctx-hockey .page,
html.ctx-foundation .page,
html.ctx-hockey main,
html.ctx-foundation main{
  background: transparent;
}

/* Hockey media tabs */
html.ctx-hockey .media-switch{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin: 18px 0 10px;
}
html.ctx-hockey .media-switch__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:14px;
  text-decoration:none;
  font-weight:700;
  letter-spacing:0.02em;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.92);
}
html.ctx-hockey .media-switch__btn[aria-current="page"]{
  border-color: rgba(207,33,46,0.65);
  box-shadow: 0 0 0 3px rgba(207,33,46,0.14);
}

/* =========================
   Hockey subnav layer (premium)
   ========================= */

/* Визуально отделяем внутреннее меню ХК от шапки */
html.ctx-hockey header.site-header-main nav.main-nav{
  position: relative;
  z-index: 40;

  /* слой/стекло */
  background: linear-gradient(
    180deg,
    rgba(10,10,12,0.95) 0%,
    rgba(10,10,12,0.85) 100%
  ) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.06);

  box-shadow: 0 10px 26px rgba(0,0,0,0.55);
}

/* Чуть воздуха внутри полосы меню */
html.ctx-hockey header.site-header-main nav.main-nav .main-nav-item{
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Активный пункт как маркер */
html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link.is-active{
  color: #e63939 !important;
  position: relative;
}

html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link.is-active::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  background: linear-gradient(90deg, #e63939, transparent);
  pointer-events: none;
}

/* Микро-анимация */
html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link{
  transition: color .25s ease, transform .25s ease, opacity .25s ease;
}

html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link:hover{
  transform: translateY(-1px);
}


/* =========================
   Main nav highlight: Hockey+Foundation
   ========================= */

/* Подсветка двух “особых” разделов в главном меню (вне ctx-hockey/ctx-foundation) */
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link[href="/foundation/"],
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link[href="/hockey/"]{
  position: relative;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(207,33,46,0.35);
  background: rgba(207,33,46,0.06);
  box-shadow: 0 0 0 3px rgba(207,33,46,0.10);
}

/* Чуть по-разному, чтобы различались */
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link[href="/foundation/"]{
  border-color: rgba(86,156,255,0.35);
  background: rgba(86,156,255,0.06);
  box-shadow: 0 0 0 3px rgba(86,156,255,0.10);
}

/* Hover – “дорогой” микроглоу */
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link[href="/hockey/"]:hover{
  border-color: rgba(207,33,46,0.55);
  box-shadow: 0 0 0 3px rgba(207,33,46,0.14), 0 14px 28px rgba(0,0,0,0.35);
}
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link[href="/foundation/"]:hover{
  border-color: rgba(86,156,255,0.55);
  box-shadow: 0 0 0 3px rgba(86,156,255,0.14), 0 14px 28px rgba(0,0,0,0.35);
}

/* Если активны в main-контексте — усиливаем */
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link.is-active[href="/hockey/"]{
  color: rgba(255,255,255,0.98) !important;
  border-color: rgba(207,33,46,0.70);
  box-shadow: 0 0 0 3px rgba(207,33,46,0.18), 0 18px 38px rgba(0,0,0,0.45);
}
html:not(.ctx-hockey):not(.ctx-foundation) header.site-header-main nav.main-nav a.main-nav-link.is-active[href="/foundation/"]{
  color: rgba(255,255,255,0.98) !important;
  border-color: rgba(86,156,255,0.70);
  box-shadow: 0 0 0 3px rgba(86,156,255,0.18), 0 18px 38px rgba(0,0,0,0.45);
}


/* =========================
   Main site link highlight (ctx)
   ========================= */

/* В ХК и Фонде делаем “Основной сайт” заметным и понятным */
html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link[href="/"],
html.ctx-foundation header.site-header-main nav.main-nav a.main-nav-link[href="/"]{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92) !important;
  white-space: nowrap;
}

/* Мягкий hover */
html.ctx-hockey header.site-header-main nav.main-nav a.main-nav-link[href="/"]:hover,
html.ctx-foundation header.site-header-main nav.main-nav a.main-nav-link[href="/"]:hover{
  border-color: rgba(255,255,255,0.26);
  background: rgba(255,255,255,0.09);
  transform: translateY(-1px);
}