/*
 * ============================================================
 * Pecka harmonogram — lokální fonty (self-hosting)
 * ============================================================
 *
 * Soubory v assets/fonts/:
 *   SkautBold.woff2 / .woff / .ttf / .otf
 *   TheMixC5-Bold.woff2 / .woff / .ttf / .otf
 *   TheMixC5-Bold-Italic.woff2 / .woff / .ttf / .otf
 *   TheMixC5-Regular.woff2 / .woff / .ttf / .otf
 *   TheMixC5-Regular-Italic.woff2 / .woff / .ttf / .otf
 *
 * Použití v HTML (v root složce):
 *   <link rel="stylesheet" href="./assets/fonts-local.css">
 *
 * Použití v HTML (ve složce tv/):
 *   <link rel="stylesheet" href="../assets/fonts-local.css">
 *
 * Fallback: Open Sans (Google Fonts, přednačteno v HTML)
 * ============================================================
 */

/* ── Skaut Bold ─────────────────────────────────────────────
   Použití: h1, hlavní nadpisy, tlačítka, sticky hlavičky
   ─────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Skaut Bold';
  src:
    url('./fonts/SkautBold.woff2') format('woff2'),
    url('./fonts/SkautBold.woff')  format('woff'),
    url('./fonts/SkautBold.ttf')   format('truetype'),
    url('./fonts/SkautBold.otf')   format('opentype');
  font-weight: 700;
  font-style:  normal;
  font-display: swap;
}

/* ── TheMix C5 Regular ──────────────────────────────────────
   Použití: základní tělo textu, popisky, poznámky
   ─────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'TheMix C5';
  src:
    url('./fonts/TheMixC5-Regular.woff2') format('woff2'),
    url('./fonts/TheMixC5-Regular.woff')  format('woff'),
    url('./fonts/TheMixC5-Regular.ttf')   format('truetype'),
    url('./fonts/TheMixC5-Regular.otf')   format('opentype');
  font-weight: 400;
  font-style:  normal;
  font-display: swap;
}

/* ── TheMix C5 Regular Italic ───────────────────────────────
   Použití: kurzíva v textech, citace
   ─────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'TheMix C5';
  src:
    url('./fonts/TheMixC5-Regular-Italic.woff2') format('woff2'),
    url('./fonts/TheMixC5-Regular-Italic.woff')  format('woff'),
    url('./fonts/TheMixC5-Regular-Italic.ttf')   format('truetype'),
    url('./fonts/TheMixC5-Regular-Italic.otf')   format('opentype');
  font-weight: 400;
  font-style:  italic;
  font-display: swap;
}

/* ── TheMix C5 Bold ─────────────────────────────────────────
   Použití: názvy programových bloků, jídel, časy, tučné texty
   ─────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'TheMix C5';
  src:
    url('./fonts/TheMixC5-Bold.woff2') format('woff2'),
    url('./fonts/TheMixC5-Bold.woff')  format('woff'),
    url('./fonts/TheMixC5-Bold.ttf')   format('truetype'),
    url('./fonts/TheMixC5-Bold.otf')   format('opentype');
  font-weight: 700;
  font-style:  normal;
  font-display: swap;
}

/* ── TheMix C5 Bold Italic ──────────────────────────────────
   Použití: tučná kurzíva, zvýraznění v blocích
   ─────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'TheMix C5';
  src:
    url('./fonts/TheMixC5-Bold-Italic.woff2') format('woff2'),
    url('./fonts/TheMixC5-Bold-Italic.woff')  format('woff'),
    url('./fonts/TheMixC5-Bold-Italic.ttf')   format('truetype'),
    url('./fonts/TheMixC5-Bold-Italic.otf')   format('opentype');
  font-weight: 700;
  font-style:  italic;
  font-display: swap;
}


/* ============================================================
 * Aplikace fontů na elementy
 * ============================================================ */

/* Základní tělo — TheMix C5 Regular, fallback Open Sans */
body {
  font-family: 'TheMix C5', 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%; /* Android fix */
}

/* Velké nadpisy stránek */
h1,
.sticky-head h1,
.hero h1 {
  font-family: 'Skaut Bold', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
  font-style:  normal;
}

/* Sekční nadpisy — TheMix C5 Bold */
h2, h3 {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}

/* Tlačítka, chipy, navigace — Skaut Bold */
button,
.chip,
.ghost,
.jump-btn,
.links-bar a {
  font-family: 'Skaut Bold', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}

/* Názvy bloků a jídel v harmonogramu — TheMix C5 Bold */
.event .title,
.meal-card .meal-name,
.meal-name,
.pill .line2,
.now .title,
.next .title {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}

/* Časy u bloků — TheMix C5 Bold */
.event .time,
.meal-card .meal-time,
.pill .line1 {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}

/* TV — hodiny a čísla */
.clock .time {
  font-family: 'Skaut Bold', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}
.clock .date,
.section-title {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 700;
}

/* Popisné / sekundární texty — TheMix C5 Regular */
.notice,
.sub,
.meal-type-label,
p {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 400;
}

/* Formulářové prvky */
input, select, textarea {
  font-family: 'TheMix C5', 'Open Sans', system-ui, sans-serif;
  font-weight: 400;
}