/**
 * bylinkovavidea.cz – kompletní styly šablony cassiopeia_bv
 *
 * Jediný soubor stylů webu. Načítá se automaticky jako 'template.user',
 * jako poslední v pořadí – přebíjí tedy template.css i colors_standard.css
 * bez potřeby !important.
 *
 * Písma (Alegreya / Montserrat) řeší fonts-bv-local.css, který se vybírá
 * v parametru šablony "Písmo".
 *
 * OBSAH
 *   1)   Barevné tokeny
 *   2)   Podklad stránky
 *   3)   Papírový pás hlavičky
 *   4)   Název webu + vinětová linka
 *   5)   Mřížka: slider + boční sloupec
 *   6)   Boční boxy hlavičky (header-right)
 *   7)   Hnědá navigační lišta
 *   8)   Moduly v obsahu – chrome noCard
 *   9)   Přístupnost a tisk (hlavička)
 *   10)  Výpis videí – karty
 *   11)  Pás patičky
 *   12)  Sloupce patičky
 *   13)  Zdravotní upozornění
 *   14)  Spodní řádek patičky
 *   15)  Stránka článku
 *   15.1 Informace o článku
 *   16)  Oznámení "web se staví" (modul v top-a)
 *   17)  Vlastní doplňky
 *
 * @version 2.9 (4. 8. 2026)
 *   – ornamenty hlavičky dorůstají ke slideru (sekce 3)
 */

/* ==========================================================================
   1) Barevné tokeny
   ========================================================================== */

:root {
    --bv-paper: #f3e8cf;          /* pergamen – podklad stránky */
    --bv-paper-deep: #e7d7b2;     /* tmavší odstín pergamenu */
    --bv-paper-card: #fbf5e6;     /* světlé plochy, karty */
    --bv-ink: #3a2a1a;            /* základní text */
    --bv-ink-soft: #6b5844;       /* popisky, meta */
    --bv-green: #3f6b2c;          /* název webu, aktivní stavy */
    --bv-green-dark: #2c4d1e;
    --bv-gold: #c69a4e;           /* linky, akcenty */
    --bv-gold-light: #e5c98d;
    --bv-bar-top: #5a3a24;        /* menu lišta – horní hrana gradientu */
    --bv-bar-bottom: #3a2313;
    --bv-box: #3d2718;            /* hnědé boxy vpravo */
    --bv-box-line: #6b4a2e;
    --bv-brick: #9c4630;          /* rámeček karet videí */

    --bv-max: 1180px;             /* šířka obsahu hlavičky */
    --bv-radius: 4px;

    /* --- přemapování na proměnné Bootstrapu a Cassiopeie ------------------
       Tímhle přebírají paletu i komponenty, které nikde nestylujeme:
       odkazy, karty, tlačítka, formuláře, tabulky, breadcrumbs, stránkování. */

    --bs-body-bg: var(--bv-paper);
    --bs-body-color: var(--bv-ink);
    --bs-secondary-color: var(--bv-ink-soft);
    --bs-emphasis-color: var(--bv-green-dark);

    --bs-link-color: var(--bv-green);
    --bs-link-color-rgb: 63, 107, 44;
    --bs-link-hover-color: var(--bv-green-dark);
    --bs-link-hover-color-rgb: 44, 77, 30;

    --bs-primary: var(--bv-green);
    --bs-primary-rgb: 63, 107, 44;

    --bs-border-color: rgba(107, 74, 46, .28);
    --bs-border-radius: var(--bv-radius);

    /* Cassiopeia používá vlastní názvy pro totéž */
    --cassiopeia-color-primary: var(--bv-green);
    --cassiopeia-color-link: var(--bv-green);
    --cassiopeia-color-hover: var(--bv-green-dark);
    --link-color: var(--bv-green);
    --link-hover-color: var(--bv-green-dark);
}

/* ==========================================================================
   2) Podklad stránky
   ========================================================================== */

body.site {
    background-color: var(--bv-paper);
    background-image:
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, 0) 42%),
        radial-gradient(circle at 82% 78%, rgba(184, 152, 96, .18) 0, rgba(184, 152, 96, 0) 46%);
    background-attachment: fixed;
}

/* ==========================================================================
   3) Papírový pás hlavičky

   Botanická výzdoba u obou okrajů. Levý a pravý obrázek jsou různé –
   dřív se jeden zrcadlil přes scaleX(-1), což je u fotek poznat.

   Soubory patří vedle složky css/, tedy do
   media/templates/site/cassiopeia_bv/images/
       header-herbs-left.webp
       header-herbs-right.webp
   Vyměnit se dají bez zásahu do CSS přes --bv-ornament-left / -right.
   ========================================================================== */

.container-header.bv-header {
    background: linear-gradient(180deg, #f7efdc 0%, var(--bv-paper) 55%, var(--bv-paper-deep) 100%);
    color: var(--bv-ink);
    box-shadow: none;
    border-block-end: 0;
}

.bv-header-band {
    position: relative;
    overflow: hidden;
    padding-block: clamp(.85rem, 2vw, 1.6rem) clamp(.9rem, 2vw, 1.5rem);

    /* o kolik ornament podleze pod obsah, aby mezi ním a sliderem
       nezůstala mezera */
    --bv-ornament-overlap: 48px;
    /* pod tuhle šířku ornament neklesne ani na úzkém okně */
    --bv-ornament-min: 190px;
    /* zdrojové obrázky mají 660 px; nad tuhle mez už se jen roztahují */
    --bv-ornament-max: 900px;
}

/* Šířka se odvozuje od volného místa vedle obsahu. Na širokém monitoru
   ornament doroste až ke slideru, na užším se scvrkne na minimum.
   Používáme 100 %, ne 100vw – šířka pásu už je bez svislého posuvníku. */
.bv-header-band::before,
.bv-header-band::after {
    content: "";
    position: absolute;
    inset-block: 0;
    width: clamp(
        var(--bv-ornament-min),
        calc((100% - var(--bv-max)) / 2 + var(--bv-ornament-overlap)),
        var(--bv-ornament-max)
    );
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .95;
    pointer-events: none;
    z-index: 0;
}

.bv-header-band::before {
    inset-inline-start: 0;
    background-image: var(--bv-ornament-left, url("../images/header-herbs-left.webp"));
    background-position: right center;
}

.bv-header-band::after {
    inset-inline-end: 0;
    background-image: var(--bv-ornament-right, url("../images/header-herbs-right.webp"));
    background-position: left center;
}

/* Na telefonu by ornamenty ukrojily polovinu šířky a název webu by se
   tiskl doprostřed mezi ně. Pod 768 px je proto vypínáme – prohlížeč je
   pak ani nestáhne. */
@media (max-width: 767.98px) {
    .bv-header-band::before,
    .bv-header-band::after {
        content: none;
    }
}

.bv-header-inner {
    position: relative;
    z-index: 1;
    max-width: var(--bv-max);
    margin-inline: auto;
    padding-inline: clamp(1rem, 3vw, 2rem);
}

/* ==========================================================================
   4) Název webu + vinětová linka
   ========================================================================== */

.bv-brand {
    display: block;
    text-align: center;
    margin-block-end: clamp(.75rem, 1.6vw, 1.25rem);
}

.bv-brand .brand-logo {
    display: inline-block;
    text-decoration: none;
    color: var(--bv-green);
    font-family: var(--cassiopeia-font-family-headings);
    font-weight: 700;
    font-size: clamp(1.5rem, 1rem + 2.2vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-indent: .14em; /* kompenzace posledního prostrkání */
}

.bv-brand .brand-logo:hover,
.bv-brand .brand-logo:focus-visible {
    color: var(--bv-green-dark);
}

.bv-brand .brand-logo img {
    max-height: 72px;
    width: auto;
}

.bv-title-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    max-width: 22rem;
    margin: .35rem auto 0;
    color: var(--bv-green);
}

.bv-title-rule::before,
.bv-title-rule::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(63, 107, 44, 0), var(--bv-green));
}

.bv-title-rule::after {
    background: linear-gradient(90deg, var(--bv-green), rgba(63, 107, 44, 0));
}

.bv-title-rule svg {
    width: 18px;
    height: 18px;
    flex: none;
}

.bv-brand .site-description {
    margin-block-start: .4rem;
    font-size: .875rem;
    letter-spacing: .04em;
    color: var(--bv-ink-soft);
}

/* ==========================================================================
   5) Mřížka: slider + boční sloupec
   ========================================================================== */

.bv-header-grid {
    display: grid;
    gap: clamp(.6rem, 1.2vw, 1rem);
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.bv-header-grid.has-side {
    grid-template-columns: minmax(0, 1fr) clamp(190px, 19vw, 240px);
}

@media (max-width: 767.98px) {
    .bv-header-grid.has-side {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- rámeček slideru --- */
.bv-slider {
    position: relative;
    background: var(--bv-paper-card);
    border: 1px solid rgba(107, 74, 46, .35);
    border-radius: var(--bv-radius);
    padding: 6px;
    box-shadow: 0 2px 10px rgba(58, 35, 19, .16);
}

.bv-slider > * {
    margin: 0;
}

/* Modul slideru si nese vlastní .container – uvnitř rámečku ho zneškodníme */
.bv-slider .container,
.bv-slider .container-fluid {
    max-width: none;
    width: 100%;
    padding-inline: 0;
    margin-inline: 0;
}

.bv-slider img,
.bv-slider video,
.bv-slider iframe {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2px;
}

/* zástupný stav, dokud slider není hotový */
.bv-slider:empty {
    aspect-ratio: 16 / 9;
}

/* ==========================================================================
   6) Boční boxy (moduly v pozici header-right)
   Selektory nezávisí na chrome – fungují pro noCard i card.
   ========================================================================== */

.bv-header-side {
    display: flex;
    flex-direction: column;
    gap: clamp(.5rem, 1vw, .75rem);
}

/* obal jednoho modulu */
.bv-header-side > * {
    background: var(--bv-box);
    border: 1px solid var(--bv-box-line);
    border-radius: var(--bv-radius);
    box-shadow: 0 2px 8px rgba(58, 35, 19, .22);
    color: #f0e3cd;
    overflow: hidden;
    padding: 0 0 .6rem;
}

/* titulek modulu (noCard: holý h3, card: h3.card-header) */
.bv-header-side > * > h1:first-child,
.bv-header-side > * > h2:first-child,
.bv-header-side > * > h3:first-child,
.bv-header-side > * > h4:first-child,
.bv-header-side > * > h5:first-child,
.bv-header-side > * > h6:first-child,
.bv-header-side .card-header {
    display: block;
    background: linear-gradient(180deg, #5a3a24, #46301d);
    border-block-end: 1px solid var(--bv-box-line);
    color: var(--bv-gold-light);
    font-family: var(--cassiopeia-font-family-body);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: .45rem .65rem;
    margin: 0 0 .6rem;
}

/* obsah – u noCard není .card-body, odsazení řešíme zde */
.bv-header-side > * > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    padding-inline: .6rem;
}

.bv-header-side .card-body {
    padding: 0 .6rem;
}

/* --- jedna položka (klip) uvnitř boxu --- */
.bv-clip {
    display: block;
    text-decoration: none;
    color: inherit;
}

.bv-clip + .bv-clip {
    margin-block-start: .65rem;
    padding-block-start: .65rem;
    border-block-start: 1px solid rgba(230, 210, 175, .18);
}

.bv-clip-thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 2px;
    background: #2b1a0f;
}

.bv-clip-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.bv-clip:hover .bv-clip-thumb img {
    transform: scale(1.06);
}

.bv-clip-duration {
    position: absolute;
    inset-block-end: 4px;
    inset-inline-end: 4px;
    background: rgba(20, 11, 5, .82);
    color: #f6ecd8;
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: .02em;
    padding: .1rem .3rem;
    border-radius: 2px;
}

.bv-clip-title {
    margin: .4rem 0 .15rem;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.35;
    color: #f5ead6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bv-clip:hover .bv-clip-title {
    color: var(--bv-gold-light);
}

.bv-clip-meta {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .68rem;
    color: rgba(230, 210, 175, .72);
}

.bv-clip-meta svg {
    width: 12px;
    height: 12px;
    flex: none;
}

/* ==========================================================================
   7) Hnědá navigační lišta
   Vzhled zvolený v rozhodovacím listu: Montserrat verzálkami + ikony
   + zlatý podtrh (dřívější třídy type-d, ico-on, hl-underline).

   IKONY: přiřazují se podle ID položky menu, tedy tříd item-102 až item-106,
   které mod_menu generuje sám. Když přidáš novou položku, dostane výchozí
   lístek – vlastní ikonu jí dáš přidáním řádku do bloku "ikony podle položky"
   níže. ID najdeš v administraci ve sloupci vpravo v seznamu položek menu.
   ========================================================================== */

.bv-nav {
    background: linear-gradient(180deg, var(--bv-bar-top) 0%, var(--bv-bar-bottom) 100%);
    border-block: 1px solid rgba(30, 17, 8, .55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 8px rgba(58, 35, 19, .22);
}

/* Lišta jde přes celou šířku okna, ne jen po šířku slideru.
   Menu s pěti položkami by se do 1180 px nevešlo na jeden řádek.
   Kdybys ho chtěl přece jen srovnat se sliderem, nastav --bv-nav-max
   na var(--bv-max). */
.bv-nav {
    --bv-nav-max: 100%;
}

.bv-nav-inner {
    max-width: var(--bv-nav-max);
    margin-inline: auto;
    padding-inline: clamp(.75rem, 2vw, 1.5rem);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.bv-nav-menu {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

/* --- mod_menu bez chrome --- */
.bv-nav ul.mod-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-nav ul.mod-menu > li {
    display: flex;
    align-items: center;
    position: relative;
}

.bv-nav ul.mod-menu > li + li::before {
    content: "|";
    color: rgba(240, 226, 200, .3);
    font-size: .9rem;
}

/* --- položka: Montserrat verzálkami --- */
.bv-nav ul.mod-menu > li > a,
.bv-nav ul.mod-menu > li > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .62rem clamp(.6rem, 1.2vw, 1.05rem);

    font-family: var(--cassiopeia-font-family-body);
    font-style: normal;
    font-weight: 600;
    font-size: clamp(.74rem, .7rem + .15vw, .82rem);
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1.3;

    color: #f2e5cc;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease;
}

.bv-nav ul.mod-menu > li > a:hover,
.bv-nav ul.mod-menu > li > a:focus-visible {
    color: var(--bv-gold-light);
}

.bv-nav ul.mod-menu > li.current > a,
.bv-nav ul.mod-menu > li.active > a {
    color: var(--bv-gold-light);
}

/* ==========================================================================
   Ikony
   Kreslí se maskou z SVG, takže dědí barvu textu včetně hoveru.
   Žádný další požadavek na server – SVG je přímo v CSS.
   ========================================================================== */

/* Výchozí ikona. Sedí na odkazu, ne na ::before – pravidla u konkrétních
   položek níže mají vyšší specificitu, takže ji přebijí. Kdyby proměnná
   byla deklarovaná až na pseudoelementu, zděděnou hodnotu by přemazala
   a všechny položky by dostaly tenhle lístek. */
.bv-nav ul.mod-menu > li > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z%22/><path d=%22M2 21c0-3 1.85-5.36 5.08-6%22/></svg>");
}

.bv-nav ul.mod-menu > li > a::before {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    opacity: .7;
    transition: opacity .2s ease, scale .2s ease;

    mask-image: var(--bv-ico);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: var(--bv-ico);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.bv-nav ul.mod-menu > li > a:hover::before {
    opacity: 1;
    scale: 1.12;
}

.bv-nav ul.mod-menu > li.current > a::before,
.bv-nav ul.mod-menu > li.active > a::before {
    opacity: 1;
}

/* --- ikony podle položky ------------------------------------------------- */

/* 102 – Seznam videí: přehrávač */
.bv-nav ul.mod-menu > li.item-102 > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><rect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/><path d=%22M10 9l5 3-5 3V9z%22/></svg>");
}

/* 103 – Bylinkové weby: zeměkoule */
.bv-nav ul.mod-menu > li.item-103 > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><circle cx=%2212%22 cy=%2212%22 r=%229%22/><path d=%22M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18%22/></svg>");
}

/* 104 – Podpořte tvorbu: srdce */
.bv-nav ul.mod-menu > li.item-104 > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M20.8 6.6a5 5 0 0 0-7.1 0L12 8.3l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 22l8.8-8.3a5 5 0 0 0 0-7.1z%22/></svg>");
}

/* 105 – O mně: postava */
.bv-nav ul.mod-menu > li.item-105 > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><circle cx=%2212%22 cy=%228%22 r=%224%22/><path d=%22M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7%22/></svg>");
}

/* 106 – Kontakt: obálka */
.bv-nav ul.mod-menu > li.item-106 > a {
    --bv-ico: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><rect x=%222%22 y=%225%22 width=%2220%22 height=%2214%22 rx=%222%22/><path d=%22m3 7 9 6 9-6%22/></svg>");
}

/* ==========================================================================
   Zlatý podtrh
   ========================================================================== */

.bv-nav ul.mod-menu > li > a::after {
    content: "";
    position: absolute;
    inset-inline: clamp(.6rem, 1.2vw, 1.05rem);
    inset-block-end: .32rem;
    height: 2px;
    background: var(--bv-gold);
    transform: scaleX(0);
    transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}

.bv-nav ul.mod-menu > li > a:hover::after,
.bv-nav ul.mod-menu > li > a:focus-visible::after,
.bv-nav ul.mod-menu > li.current > a::after,
.bv-nav ul.mod-menu > li.active > a::after {
    transform: scaleX(1);
}

/* ==========================================================================
   Druhá úroveň
   ========================================================================== */

.bv-nav ul.mod-menu ul {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    min-width: 220px;
    margin: 0;
    padding: .3rem 0;
    list-style: none;
    background: #3d2718;
    border: 1px solid var(--bv-box-line);
    border-radius: 0 0 var(--bv-radius) var(--bv-radius);
    box-shadow: 0 8px 18px rgba(30, 17, 8, .35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 30;
}

.bv-nav ul.mod-menu > li:hover > ul,
.bv-nav ul.mod-menu > li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: none;
}

/* podúroveň zůstává čitelná – bez verzálek a bez ikon */
.bv-nav ul.mod-menu ul a {
    display: block;
    padding: .4rem .85rem;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none;
    color: #ecdfc8;
    text-decoration: none;
    white-space: normal;
}

.bv-nav ul.mod-menu ul a::before,
.bv-nav ul.mod-menu ul a::after {
    content: none;
}

.bv-nav ul.mod-menu ul a:hover {
    background: rgba(198, 154, 78, .16);
    color: var(--bv-gold-light);
}

/* ==========================================================================
   Vyhledávání v liště
   ========================================================================== */

.bv-nav .container-search {
    flex: none;
}

.bv-nav .container-search input {
    background: rgba(20, 11, 5, .35);
    border: 1px solid rgba(230, 210, 175, .25);
    border-radius: 999px;
    color: #f2e5cc;
    font-size: .8rem;
    padding: .3rem .8rem;
    max-width: 190px;
}

.bv-nav .container-search input::placeholder {
    color: rgba(240, 226, 200, .5);
}

/* ==========================================================================
   Přepínač pro mobil
   ========================================================================== */

.bv-nav-toggle {
    display: none;
    align-items: center;
    gap: .45rem;
    background: transparent;
    border: 1px solid rgba(230, 210, 175, .35);
    border-radius: var(--bv-radius);
    color: #f2e5cc;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .4rem .7rem;
    margin-block: .4rem;
    cursor: pointer;
}

.bv-nav-toggle span {
    display: block;
    width: 16px;
    height: 2px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
}

/* Mezi 992 a 1300 px je místa málo – uberem prostrkání a odsazení,
   ať menu nespadne na druhý řádek. */
@media (min-width: 992px) and (max-width: 1300px) {
    .bv-nav ul.mod-menu > li > a,
    .bv-nav ul.mod-menu > li > span {
        gap: .38rem;
        padding-inline: .5rem;
        letter-spacing: .06em;
        font-size: .73rem;
    }

    .bv-nav ul.mod-menu > li > a::before {
        width: 14px;
        height: 14px;
    }

    .bv-nav ul.mod-menu > li > a::after {
        inset-inline: .5rem;
    }
}

@media (max-width: 991.98px) {
    .bv-nav-inner {
        flex-wrap: wrap;
    }

    .bv-nav-toggle {
        display: inline-flex;
    }

    .bv-nav-menu {
        flex: 0 0 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease;
    }

    .bv-nav-menu.is-open {
        max-height: 70vh;
        overflow-y: auto;
        padding-block-end: .5rem;
    }

    .bv-nav ul.mod-menu {
        flex-direction: column;
        align-items: stretch;
    }

    .bv-nav ul.mod-menu > li + li::before {
        content: none;
    }

    .bv-nav ul.mod-menu > li {
        border-block-start: 1px solid rgba(230, 210, 175, .14);
    }

    .bv-nav ul.mod-menu > li > a {
        justify-content: flex-start;
        white-space: normal;
        padding: .7rem .25rem;
    }

    /* podtrh přes celou šířku by vypadal jako oddělovač – zkrátíme ho */
    .bv-nav ul.mod-menu > li > a::after {
        inset-inline: .25rem auto;
        inset-block-end: .45rem;
        width: 26px;
        transform-origin: left;
    }

    .bv-nav ul.mod-menu ul {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        border: 0;
        box-shadow: none;
        background: transparent;
        padding-inline-start: .9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bv-nav ul.mod-menu > li > a::before,
    .bv-nav ul.mod-menu > li > a::after {
        transition: none;
    }
}

/* ==========================================================================
   8) Moduly v obsahu – chrome noCard (výchozí v celé šabloně)
   ========================================================================== */

.container-top-a > .no-card,
.container-top-b > .no-card,
.container-bottom-a > .no-card,
.container-bottom-b > .no-card,
.container-sidebar-left > .no-card,
.container-sidebar-right > .no-card,
.container-component > .no-card {
    margin-block-end: clamp(1rem, 2vw, 1.75rem);
}

/* titulek modulu bez rámečku – linka místo krabice */
.site-grid .no-card > h1:first-child,
.site-grid .no-card > h2:first-child,
.site-grid .no-card > h3:first-child,
.site-grid .no-card > h4:first-child,
.site-grid .no-card > h5:first-child,
.site-grid .no-card > h6:first-child {
    margin-block: 0 .7rem;
    padding-block-end: .35rem;
    border-block-end: 1px solid var(--bs-border-color);
    box-shadow: 0 1px 0 rgba(198, 154, 78, .55);
    color: var(--bs-emphasis-color);
    font-size: clamp(1.1rem, 1rem + .35vw, 1.35rem);
    letter-spacing: .01em;
}

/* boční sloupec hlavičky si titulky řeší po svém – sekce 6 */
.bv-header-side .no-card {
    margin-block-end: 0;
}

/* ==========================================================================
   9) Přístupnost a tisk
   ========================================================================== */

.bv-header a:focus-visible,
.bv-nav a:focus-visible,
.bv-nav-toggle:focus-visible {
    outline: 2px solid var(--bv-gold);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .bv-clip-thumb img,
    .bv-nav-menu,
    .bv-nav ul.mod-menu ul {
        transition: none;
    }
}

@media print {
    .bv-header-band::before,
    .bv-header-band::after,
    .bv-nav,
    .bv-header-side {
        display: none;
    }
}

/* ==========================================================================
   10) Výpis videí – karty
   ========================================================================== */

.bv-video-list {
    display: flex;
    flex-direction: column;
    gap: clamp(.75rem, 1.5vw, 1.1rem);
    margin-block: clamp(1rem, 2vw, 1.75rem);
}

.bv-video-card {
    display: grid;
    grid-template-columns: clamp(240px, 34%, 340px) minmax(0, 1fr);
    gap: clamp(.75rem, 1.6vw, 1.25rem);
    background: var(--bv-paper-card);
    border: 1px solid var(--bv-brick);
    border-radius: var(--bv-radius);
    padding: 8px;
    box-shadow: 0 1px 4px rgba(58, 35, 19, .12);
    transition: box-shadow .25s ease, transform .25s ease;
}

.bv-video-card:hover {
    box-shadow: 0 6px 18px rgba(58, 35, 19, .2);
    transform: translateY(-2px);
}

@media (max-width: 575.98px) {
    .bv-video-card {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- náhled --- */
.bv-video-thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 2px;
    background: #2b1a0f;
}

.bv-video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bv-video-play {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-end: 8px;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(20, 11, 5, .6);
    border: 1px solid rgba(246, 236, 216, .6);
    color: #f6ecd8;
    transition: background .2s ease, transform .2s ease;
}

.bv-video-thumb:hover .bv-video-play {
    background: var(--bv-green);
    transform: scale(1.08);
}

.bv-video-play svg {
    width: 12px;
    height: 12px;
}

.bv-video-duration {
    position: absolute;
    inset-block-end: 6px;
    inset-inline-end: 6px;
    background: rgba(20, 11, 5, .82);
    color: #f6ecd8;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .7rem;
    font-weight: 600;
    padding: .1rem .35rem;
    border-radius: 2px;
}

/* název přetištěný přes náhled (jako v předloze) */
.bv-video-overlay {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    padding: 1.6rem .75rem .6rem;
    background: linear-gradient(180deg, rgba(20, 11, 5, 0), rgba(20, 11, 5, .72));
    color: #f7edd9;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .06em;
}

/* --- textová část --- */
.bv-video-body {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding-block: .35rem;
    padding-inline-end: .35rem;
}

.bv-video-title {
    margin: 0;
    font-size: clamp(1.15rem, 1.05rem + .4vw, 1.45rem);
    line-height: 1.25;
}

.bv-video-title a {
    color: var(--bv-green-dark);
    text-decoration: none;
}

.bv-video-title a:hover {
    color: var(--bv-green);
    text-decoration: underline;
    text-underline-offset: .18em;
}

.bv-video-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .6rem;
    font-size: .78rem;
    font-weight: 500;
    color: var(--bv-ink-soft);
}

.bv-video-meta > * {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.bv-video-meta svg {
    width: 13px;
    height: 13px;
}

.bv-video-body p {
    margin: 0;
    font-size: .92rem;
    line-height: 1.6;
    color: var(--bv-ink);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bv-video-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-block-start: auto;
    padding: 0;
    list-style: none;
}

.bv-video-tags a {
    display: inline-block;
    padding: .12rem .5rem;
    border: 1px solid rgba(107, 74, 46, .35);
    border-radius: 999px;
    background: rgba(198, 154, 78, .12);
    color: var(--bv-ink-soft);
    font-size: .72rem;
    font-weight: 500;
    text-decoration: none;
}

.bv-video-tags a:hover {
    background: var(--bv-green);
    border-color: var(--bv-green);
    color: #fbf5e6;
}

/* ==========================================================================
   11) Pás patičky
   ========================================================================== */

.container-footer.footer {
    background: linear-gradient(180deg, var(--bv-bar-top) 0%, var(--bv-bar-bottom) 100%);
    color: #e9dcc4;
    border-block-start: 1px solid rgba(30, 17, 8, .55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    margin-block-start: clamp(2rem, 4vw, 3.5rem);
    padding: 0;
}

.container-footer.footer > .grid-child {
    max-width: var(--bv-max, 1180px);
    margin-inline: auto;
    padding-inline: clamp(1rem, 3vw, 2rem);
    width: 100%;
}

.bv-footer {
    font-family: var(--cassiopeia-font-family-body);
    font-size: .875rem;
    line-height: 1.65;
}

/* lístková viněta na horní hraně – ozvěna hlavičky */
.bv-footer-crest {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding-block-start: clamp(1.1rem, 2.4vw, 1.9rem);
    color: rgba(198, 154, 78, .75);
}

.bv-footer-crest::before,
.bv-footer-crest::after {
    content: "";
    flex: 1;
    max-width: 220px;
    height: 1px;
    background: linear-gradient(90deg, rgba(198, 154, 78, 0), rgba(198, 154, 78, .7));
}

.bv-footer-crest::after {
    background: linear-gradient(90deg, rgba(198, 154, 78, .7), rgba(198, 154, 78, 0));
}

.bv-footer-crest svg {
    width: 20px;
    height: 20px;
    flex: none;
}

/* ==========================================================================
   12) Sloupce
   ========================================================================== */

.bv-footer-cols {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
    gap: clamp(1.2rem, 3vw, 2.5rem);
    padding-block: clamp(1.2rem, 2.6vw, 2rem);
}

@media (max-width: 991.98px) {
    .bv-footer-cols {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575.98px) {
    .bv-footer-cols {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }
}

.bv-footer-col h2 {
    margin: 0 0 .7rem;
    font-family: var(--cassiopeia-font-family-body);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bv-gold-light);
}

.bv-footer-col p {
    margin: 0 0 .6rem;
    color: rgba(233, 220, 196, .82);
}

.bv-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-footer-col li + li {
    margin-block-start: .3rem;
}

.bv-footer a {
    color: #e9dcc4;
    text-decoration: none;
    text-underline-offset: .18em;
}

.bv-footer a:hover,
.bv-footer a:focus-visible {
    color: var(--bv-gold-light);
    text-decoration: underline;
}

.bv-footer-col li a {
    display: inline-flex;
    align-items: baseline;
    gap: .45rem;
}

/* odrážka ve tvaru lístku */
.bv-footer-col li a::before {
    content: "";
    flex: none;
    width: 5px;
    height: 5px;
    border-radius: 50% 0 50% 0;
    background: var(--bv-gold);
    transform: translateY(-2px);
    transition: transform .2s ease;
}

.bv-footer-col li a:hover::before {
    transform: translateY(-2px) rotate(45deg);
}

.bv-footer-note {
    font-size: .8rem;
    color: rgba(233, 220, 196, .6);
}

.bv-footer-author {
    font-family: var(--cassiopeia-font-family-headings);
    font-size: 1.05rem;
    color: #f3e9d5;
}

/* tlačítko (podpora, YouTube) */
.bv-footer-btn {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-block-start: .35rem;
    padding: .4rem .85rem;
    border: 1px solid rgba(198, 154, 78, .55);
    border-radius: 999px;
    background: rgba(198, 154, 78, .12);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
}

.bv-footer-btn:hover {
    background: var(--bv-gold);
    border-color: var(--bv-gold);
    color: #2b1a0f !important;
    text-decoration: none !important;
}

.bv-footer-btn svg {
    width: 15px;
    height: 15px;
}

/* ==========================================================================
   13) Upozornění
   ========================================================================== */

.bv-footer-disclaimer {
    border-block: 1px solid rgba(233, 220, 196, .14);
    padding-block: .8rem;
    font-size: .8rem;
    color: rgba(233, 220, 196, .72);
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.bv-footer-disclaimer svg {
    width: 16px;
    height: 16px;
    flex: none;
    margin-block-start: .18rem;
    color: var(--bv-gold);
}

/* ==========================================================================
   14) Spodní řádek
   ========================================================================== */

.bv-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1.2rem;
    padding-block: .9rem clamp(1rem, 2vw, 1.4rem);
    font-size: .78rem;
    color: rgba(233, 220, 196, .66);
}

.bv-footer-bottom p {
    margin: 0;
}

.bv-footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-footer-links li + li::before {
    content: "|";
    margin-inline-end: .5rem;
    color: rgba(233, 220, 196, .28);
}

.bv-footer-links li {
    display: inline-flex;
    align-items: center;
}

/* TOPlist – značka je v modulu patičky pod tlačítkem, obrázek do ní doplní
   inline skript z index.php. Obrázek má napevno 80 x 15 px, na tmavém
   podkladu by zanikl, proto sedí na světlé plaketě s popiskem. */
.bv-counter {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-block-start: 1.1rem;
}

.bv-counter-label {
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(233, 220, 196, .5);
    white-space: nowrap;
}

/* na úzkých displejích popisek nad počítadlo, ať se nezalamuje na dva řádky */
@media (max-width: 575.98px) {
    .bv-counter {
        flex-direction: column;
        align-items: flex-start;
        gap: .35rem;
    }
}

.bv-counter a {
    display: inline-flex;
    padding: .3rem .45rem;
    border-radius: 3px;
    background: rgba(251, 245, 230, .88);
    box-shadow: inset 0 0 0 1px rgba(198, 154, 78, .4);
    line-height: 0;
    transition: background .2s ease, box-shadow .2s ease;
}

.bv-counter a:hover {
    background: #fbf5e6;
    box-shadow: inset 0 0 0 1px var(--bv-gold);
}

.bv-counter img {
    display: block;
    border: 0;
    /* rezervace místa, aby se patička neposunula, než skript doplní obrázek */
    min-width: 80px;
    min-height: 15px;
}

.bv-footer-top-link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.bv-footer-top-link svg {
    width: 13px;
    height: 13px;
}

@media print {
    .container-footer.footer {
        display: none;
    }
}
/* ==========================================================================
   15) Stránka článku
   Šířku určuje kontejner, článek si žádné vlastní omezení neklade.
   Vodorovné odsazení řeší .site-grid, tady jen svislý vzduch.
   ========================================================================== */

.com-content-article,
.item-page {
    padding-block: clamp(1.5rem, 4vw, 2.75rem);
}

/* --- nadpisy --- */

.com-content-article .page-header h1,
.com-content-article .page-header h2,
.item-page .page-header h1,
.item-page .page-header h2 {
    margin-block: 0 1.1rem;
    color: var(--bv-green-dark);
    line-height: 1.15;
    text-wrap: balance;
}

.com-content-article h2,
.item-page h2 {
    margin-block: 2.4rem .7rem;
    color: var(--bv-green-dark);
    font-size: clamp(1.35rem, 1.2rem + .5vw, 1.7rem);
    text-wrap: balance;
}

.com-content-article h3,
.item-page h3 {
    margin-block: 1.7rem .45rem;
    color: var(--bv-green);
    font-size: clamp(1.1rem, 1rem + .35vw, 1.25rem);
    text-wrap: balance;
}

/* --- text --- */

.com-content-article p,
.item-page p {
    margin-block-end: 1.1rem;
    line-height: 1.75;
}

.com-content-article ul,
.item-page ul {
    margin-block-end: 1.1rem;
    line-height: 1.7;
}

.com-content-article li + li,
.item-page li + li {
    margin-block-start: .3rem;
}

/* --- odkazy v textu --- */

.com-content-article a,
.item-page a {
    text-underline-offset: .16em;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(var(--bs-link-color-rgb), .4);
}

.com-content-article a:hover,
.item-page a:hover {
    text-decoration-color: currentColor;
}

/* --- obrázky v textu --- */

.com-content-article img,
.item-page img {
    max-width: 100%;
    height: auto;
    border-radius: var(--bv-radius);
}

/* --- tabulky (fakturační údaje, bankovní spojení) --- */

.com-content-article table,
.item-page table {
    width: 100%;
    margin-block: 1.2rem 1.6rem;
    border-collapse: collapse;
    background: var(--bv-paper-card);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bv-radius);
    overflow: hidden;
}

.com-content-article table td,
.item-page table td {
    padding: .55rem .75rem;
    border-block-end: 1px solid rgba(107, 74, 46, .14);
    vertical-align: top;
    font-size: .92rem;
}

.com-content-article table tr:last-child td,
.item-page table tr:last-child td {
    border-block-end: 0;
}

/* Na plné šířce by popisky v prvním sloupci plavaly daleko od hodnot,
   proto se drží u obsahu a nikoli v procentech šířky stránky. */
.com-content-article table td:first-child,
.item-page table td:first-child {
    width: 1%;
    min-width: 11rem;
    white-space: nowrap;
    color: var(--bv-ink-soft);
}

/* --- poznámka pod čarou (odstavce v <small>) --- */

.com-content-article small,
.item-page small {
    color: var(--bv-ink-soft);
    line-height: 1.6;
}
/* ==========================================================================
   15.1) Informace o článku – jeden řádek mezi linkami
   Metadata mají doprovázet, ne konkurovat nadpisu. Nadpis seznamu
   („Základní údaje") a počet zobrazení proto skrýváme.
   ========================================================================== */

.article-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem 1.4rem;
    margin-block: 0 2rem;
    padding-block: .5rem;
    border-block: 1px solid var(--bs-border-color);
    font-family: var(--cassiopeia-font-family-body);
    font-size: .84rem;
    color: var(--bs-secondary-color);
}

.article-info .article-info-term,
.article-info dd.hits,
.article-info dd.category-name {
    display: none;
}

.article-info dd {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
}

.article-info dd [class*="icon-"] {
    color: var(--bv-gold);
    font-size: .95em;
}

.article-info dd a {
    color: inherit;
    text-decoration: none;
}

.article-info dd a:hover {
    color: var(--bv-green);
    text-decoration: underline;
}

@media (max-width: 575.98px) {
    .com-content-article,
    .item-page {
        padding-block: 1.25rem;
    }

    .article-info {
        gap: .2rem .9rem;
        font-size: .8rem;
    }
}

/* --- volitelně: článek na světlejším papíru ------------------------------
   Odkomentujte, pokud má text stát na vlastní ploše místo přímo na
   pergamenu stránky. Ladí s kartami videí ze sekce 10. Na kartě je
   vodorovné odsazení potřeba, jinak by text doléhal k rámečku.

.com-content-article,
.item-page {
    background: var(--bv-paper-card);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bv-radius);
    box-shadow: 0 1px 4px rgba(58, 35, 19, .12);
    margin-block: clamp(1rem, 2vw, 1.75rem);
    padding-inline: clamp(1rem, 3vw, 2rem);
}

------------------------------------------------------------------------- */

/* ==========================================================================
   16) Oznámení "web se staví" (modul Vlastní HTML v pozici top-a)
   Panel staví na utilitách BS5 (card, border-start, border-4, shadow-sm,
   rounded-3, d-flex, gap-3, p-md-4). Tady zbývají jen barvy palety.
   Po dostavění webu stačí modul vypnout, styly můžou zůstat pro příští
   oznámení – mění se jen obsah modulu.
   ========================================================================== */

.bv-notice {
    /* barvu levého pruhu bere border-start z této proměnné */
    --bs-border-color: var(--bv-gold);
    background: linear-gradient(180deg, #fdf8ec 0%, #f4ead2 100%);
    color: var(--bv-ink);
}

.bv-notice h2 {
    color: var(--bv-green-dark);
}

.bv-notice .bv-notice-mark {
    color: var(--bv-green);
}

.bv-notice-badge {
    background: var(--bv-green);
    color: var(--bv-paper-card);
    letter-spacing: .08em;
    font-size: .66rem;
}

/* ==========================================================================
   17) Vlastní doplňky
   Sem přijdou jednorázové úpravy. Vše výše je systematické – když tam budeš
   zasahovat, změň rovnou proměnnou v sekci 1.
   ========================================================================== */
/* --- menu: zalomení názvu podle "//" -------------------------------------
   Patří na konec souboru (sekce 17 Vlastní doplňky).

   Kde se název zalomí, určuješ v administraci dvojitým lomítkem:
       Podpořte//tvorbu videí
   Převod na <br> zajišťují override soubory v
   templates/cassiopeia_bv/html/mod_menu/

   Menu jinak pracuje klasicky – žádné stropy šířky ani dopočítané
   hodnoty podle počtu položek.
   ---------------------------------------------------------------------- */

/* Víceřádkový název: druhý řádek začíná pod prvním písmenem, ne pod
   ikonou – text je vlastní flexovou položkou vedle ní. */
.bv-nav ul.mod-menu > li > a,
.bv-nav ul.mod-menu > li > span {
    align-items: center;
    text-align: start;
    line-height: 1.25;
}

/* Mírnější prostrkání a odsazení než v sekci 7 – při původních hodnotách
   zabíral text zbytečně moc místa. Písmo zůstává v plné velikosti. */
@media (min-width: 992px) {
    .bv-nav ul.mod-menu > li > a,
    .bv-nav ul.mod-menu > li > span {
        gap: .35rem;
        padding-inline: .5rem;
        letter-spacing: .05em;
        font-size: .82rem;
    }

    .bv-nav ul.mod-menu > li > a::after {
        inset-inline: .5rem;
    }
}

/* Okno pod 1200 px → Bootstrap container se zúží na 960 px. Tam už se
   osm položek s ikonami na řádek nevejde, tak ikony a oddělovače pryč.
   Písmo zůstává. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .bv-nav ul.mod-menu > li + li::before {
        content: none;
    }

    .bv-nav ul.mod-menu > li > a::before {
        display: none;
    }

    .bv-nav ul.mod-menu > li > a,
    .bv-nav ul.mod-menu > li > span {
        padding-inline: .4rem;
        letter-spacing: .02em;
    }

    .bv-nav ul.mod-menu > li > a::after {
        inset-inline: .4rem;
    }
}

/* Na mobilu je menu ve sloupci pod hamburgerem a místa je dost –
   zalomení by tam jen tříštilo řádky, takže ho vypneme. */
@media (max-width: 991.98px) {
    .bv-nav ul.mod-menu br {
        display: none;
    }

    .bv-nav ul.mod-menu > li > a,
    .bv-nav ul.mod-menu > li > span {
        font-size: .78rem;
        padding: .7rem .25rem;
    }
}