/**
 * bylinkovavidea.cz - písmové schéma (varianta self-hosted / lokální fonty)
 * Nadpisy H1-H6 : Alegreya
 * Běžný text    : Montserrat
 *
 * Vyžaduje soubory .woff2 ve složce:
 *   media/templates/site/cassiopeia_bv/fonts/
 * Viz README-pisma.md (kde je stáhnout a jak pojmenovat).
 *
 * Bez Google CDN = žádné volání třetí strany, žádný problém s GDPR
 * a o ~150 ms rychlejší první vykreslení.
 *
 * @version 1.1
 */

/* ==========================================================================
   0) @font-face - lokální soubory (latin + latin-ext kvůli češtině)
   ========================================================================== */

/* --- Alegreya (nadpisy) --- */
@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/alegreya-500.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/alegreya-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/alegreya-italic-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

/* --- Montserrat (běžný text) --- */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat-500.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat-600.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat-italic-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   1) Proměnné - přepisují výchozí hodnoty Cassiopeie
   ========================================================================== */

:root {
    /* Cassiopeia core proměnné */
    --cassiopeia-font-family-body: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --cassiopeia-font-family-headings: 'Alegreya', Georgia, 'Times New Roman', serif;
    --cassiopeia-font-weight-normal: 400;
    --cassiopeia-font-weight-headings: 700;

    /* Vlastní typografická škála (bv = bylinková videa) */
    --bv-body-size: 1.0625rem;      /* 17px - Montserrat působí menší, proto ne 16px */
    --bv-body-line: 1.7;
    --bv-heading-line: 1.2;
    --bv-heading-spacing: -0.01em;  /* Alegreya snese lehce těsnější prostrkání */

    --bv-h1: clamp(2.1rem, 1.55rem + 2.2vw, 3.1rem);
    --bv-h2: clamp(1.75rem, 1.35rem + 1.5vw, 2.45rem);
    --bv-h3: clamp(1.45rem, 1.2rem + 0.9vw, 1.9rem);
    --bv-h4: clamp(1.25rem, 1.12rem + 0.5vw, 1.5rem);
    --bv-h5: 1.15rem;
    --bv-h6: 1rem;
}

/* ==========================================================================
   2) Běžný text - Montserrat
   ========================================================================== */

body {
    font-family: var(--cassiopeia-font-family-body);
    font-weight: var(--cassiopeia-font-weight-normal);
    font-size: var(--bv-body-size);
    line-height: var(--bv-body-line);
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Bootstrap dává formulářovým prvkům font-family: inherit, ale ne všude
   (např. .form-select v některých prohlížečích), proto pojistka: */
input,
button,
select,
textarea,
optgroup,
.btn,
.form-control,
.form-select {
    font-family: var(--cassiopeia-font-family-body);
}

/* Navigace - Montserrat 500/600 drží tvar líp než 400 */
.navbar-nav,
.nav,
.mod-menu,
.breadcrumb {
    font-family: var(--cassiopeia-font-family-body);
    font-weight: 500;
    letter-spacing: 0.005em;
}

/* Montserrat má velmi otevřené tvary - u drobného textu radši 500 než 400 */
.small,
small,
figcaption,
.article-info,
.badge {
    font-weight: 500;
}

/* ==========================================================================
   3) Nadpisy H1-H6 - Alegreya
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
legend,
.page-header > h1,
.item-title,
.card-title,
.blog-item > .page-header {
    font-family: var(--cassiopeia-font-family-headings);
    font-weight: var(--cassiopeia-font-weight-headings);
    line-height: var(--bv-heading-line);
    letter-spacing: var(--bv-heading-spacing);
    text-wrap: balance;
}

h1, .h1 { font-size: var(--bv-h1); }
h2, .h2 { font-size: var(--bv-h2); }
h3, .h3 { font-size: var(--bv-h3); }
h4, .h4 { font-size: var(--bv-h4); font-weight: 500; }
h5, .h5 { font-size: var(--bv-h5); font-weight: 500; }
h6, .h6 { font-size: var(--bv-h6); font-weight: 500; text-transform: none; }

/* Odsazení nadpisů v textu (H1 nahoře bez horní mezery) */
h1 { margin-block: 0 0.6em; }
h2 { margin-block: 1.6em 0.5em; }
h3 { margin-block: 1.4em 0.45em; }
h4, h5, h6 { margin-block: 1.2em 0.4em; }
:where(h1, h2, h3, h4, h5, h6):first-child { margin-block-start: 0; }

/* Perex / citace - Alegreya kurzíva */
blockquote,
.blockquote,
.article-intro > p:first-of-type {
    font-family: var(--cassiopeia-font-family-headings);
    font-size: 1.15em;
    line-height: 1.55;
    letter-spacing: 0;
}

/* ==========================================================================
   4) Drobnosti
   ========================================================================== */

/* Alegreya má hezké staré (nestejně vysoké) číslice - v nadpisech je vypínáme */
h1, h2, h3, h4, h5, h6 {
    font-variant-numeric: lining-nums;
    font-feature-settings: 'lnum' 1;
}

/* Tabulky a čísla v textu - tabulkové číslice Montserratu */
table,
.table {
    font-variant-numeric: tabular-nums;
}

@media print {
    body { font-size: 11pt; }
}