@charset "UTF-8";

/* Базовая тема БК «Тверь» для личного кабинета.
 *
 * Имена переменных намеренно совпадают с темой ХК «Шанхай Дрэгонс», с которой
 * перенесён кабинет: так lk.css работает без переписывания. Значения — палитра
 * и шрифты tverbasket.ru (Bounded для заголовков, Inter для текста).
 */

@font-face {
  font-family: "Bounded";
  src: url("../fonts/Bounded-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Bounded";
  src: url("../fonts/Bounded-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Bounded";
  src: url("../fonts/Bounded-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Bounded";
  src: url("../fonts/Bounded-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
/* Russo One оставлен для совместимости со старой вёрсткой. Актуальная
 * персонализация формы использует полный Rodchenko Condensed ниже. */
@font-face {
  font-family: "RussoOne";
  src: url("../fonts/RussoOne-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Rodchenko Tver";
  src: url("../fonts/Rodchenko-Condensed.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-family: "Inter", Arial, sans-serif;
  --hcsd: "Bounded", Arial, sans-serif; /* акцидентный: в разметке ЛК так называется */
  --jersey-font: "Rodchenko Tver", "Arial Narrow", sans-serif; /* полный алфавит печати на джерси */

  --white: #ffffff;
  --ink: #050d21;           /* верхняя полоса шапки и подвал */
  --text: #0d1b42;          /* основной текст: страницы клуба светлые */
  --muted: #7b8aa8;
  --main: #ef331a;          /* красный акцент — кнопки «Билеты» */
  --mainDark: #c9270f;
  --blue-deep: #0e338e;     /* полоса меню и заголовки */
  --blue: #1e5cf6;          /* ссылки и активные состояния */
  --yellow: #ffc24a;

  --bg: #f6f8fe;            /* фон страницы, как на внутренних страницах сайта */
  --surface: #ffffff;       /* карточки */
  --line: #dfe5f4;

  --whiteOpacity: #0d1b420d;
  --white30: #0d1b4226;
  --border: var(--line);

  --radius: 1.2rem;
  --blur: 12px;
  --blurEasy: 4px;
  --duration: 0.3s;
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  font-size: 62.5%; /* 1rem = 10px, как в исходной теме кабинета */
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-family);
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

.container {
  width: 100%;
  max-width: 144rem;
  margin: 0 auto;
  padding: 0 4rem;
}
@media (max-width: 768px) {
  .container { padding: 0 1.6rem; }
}

.section { position: relative; }

.title {
  margin: 0;
  font-family: var(--hcsd);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.05;
}
.title_page {
  font-size: 6.4rem;
  color: var(--blue-deep);
  text-align: center;
}
@media (max-width: 768px) {
  .title_page { font-size: 3.6rem; }
}

/* ---------- Кнопки ---------- */
.btn-reset {
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 1.6rem 3.2rem;
  border-radius: 0.8rem;
  font-family: var(--hcsd);
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--white);
  background: transparent;
  transition: background var(--duration), color var(--duration), opacity var(--duration);
}
.btn svg { width: 2rem; height: 1.2rem; }
.btn_fill {
  background: var(--main);
}
.btn_fill:hover { background: var(--mainDark); }
.btn_wide { width: 100%; }
.btn[disabled] { opacity: 0.6; cursor: not-allowed; }