@import url('/static/css/block-site-header.css?v=20260810nav25');

/*
 * 공용 내비 헤더(.block-nav-header)는 position: fixed 라 흐름에서 자리를 차지하지 않는다.
 * 스포츠 면은 티커·리본·매치 카드가 문서 최상단에서 시작하므로, 본문을 헤더 높이만큼 내려
 * 헤더 아래로 파고들지 않게 한다. 값은 block-site-header.css의 --block-nav-height와 맞춘다.
 */
body.sports-body,
body.sports-console {
  --sports-nav-height: 56px;
  padding-top: var(--sports-nav-height);
}

.skip-link {
  position: absolute;
  top: -999px;
  left: -999px;
  padding: var(--space-2) var(--space-3);
  background: var(--foreground);
  color: var(--background);
  border-radius: var(--radius);
  z-index: calc(var(--z-header) + 10);
  text-decoration: none;
}

:root[data-theme="light"] .skip-link,
:root[data-theme="hc-light"] .skip-link,
:root[data-theme="colorblind"] .skip-link {
  background: var(--card);
  color: var(--foreground);
  border: 1px solid var(--border);
}

.skip-link:focus {
  top: var(--space-3);
  left: var(--space-3);
}

/* 크기는 block-account-widget.css(계정 위젯 크기 표준)가 소유한다. */
.pc-auth-widget {
  position: relative;
  z-index: calc(var(--z-header) + 1);
}

/* 콘솔 하위 메뉴 바. 공용 헤더 바로 아래에 붙으므로 경계선은 헤더 밑줄이 담당한다. */
.sports-subnav {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: var(--space-2) var(--sp-page-pad-x, clamp(var(--space-2), 4vw, var(--space-4))) var(--space-3);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  overflow-x: auto;
  scrollbar-width: none;
}

body.sports-console .sports-subnav {
  padding-left: clamp(var(--space-2), 4vw, var(--space-4));
  padding-right: clamp(var(--space-2), 4vw, var(--space-4));
}

.sports-subnav::-webkit-scrollbar {
  display: none;
}

.sports-subnav a {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--muted-foreground);
  text-decoration: none;
  white-space: nowrap;
}

.sports-subnav a.active {
  color: var(--primary);
  font-weight: 700;
}

@media (max-width: 1024px) {
  .sports-subnav {
    display: none;
  }
}

body.sports-console .admin-page .main-layout {
  padding-top: 0;
}