/* ── Citát / věnování nad memoriálem (.memorial-text-above) ────────────
   Přebití memorial.css (OFF-LIMITS, neupravuje se): menší, méně dominantní
   písmo (stejný font Playball) + zachování zalomení řádků z editace
   (verše, citáty z parte – Enter = nový řádek, innerText + pre-line). */

.memorial-text-above {
    font-size: 1.6em;
    line-height: 1.35;
    white-space: pre-line;
}

/* ── Závěrečný text / epitaf (.memorial-text-below) ────────────────────
   Stejná velikost jako verše nad fotkou: obojí je DOPLNĚK, který má
   memoriál tiše dokreslovat. Hlavní sdělení je jméno zesnulého – to
   musí zůstat dominantní. Dříve měl epitaf velikost jména (2.5em),
   čímž s ním soupeřil.
   Zalomení řádků z editace se zachovává (verše). */

.memorial-text-below {
    font-size: 1.6em;
    line-height: 1.35;
    white-space: pre-line;
}

/* ─────────────────────────────────────────────────────────────────────
   HIERARCHIE NA MOBILU
   ---------------------------------------------------------------------
   Na desktopu je poměr jméno : verše = 2.5em : 1.6em = 1,56×, tedy
   jméno jasně dominuje. Na mobilu ale memorial.css zmenšuje jméno
   (≤768 na 2em, ≤480 na 1.8em), zatímco verše zůstávají na 1.6em
   z tohoto souboru – poměr klesl na 1,12× a jméno mezi verši zaniklo.
   Rozdíl vznikl tím, že se velikost veršů ladila po zavedení
   víceřádkových citátů (až 500 znaků) jen na desktopu.

   Níže se poměr srovnává zpět na desktopovou hodnotu. Jméno na mobilu
   nedostává plných 2.5em, aby se dlouhá jména nelámala na dva řádky.
   ───────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .memorial-name {
        font-size: 2.2em;      /* 35.2px – dominantní, ale bez zalomení */
        /* Pojistka pro velmi dlouhá jména: raději o kousek menší písmo
           než zalomení na dva řádky. */
        overflow-wrap: normal;
        word-break: keep-all;
        hyphens: none;
    }

    .memorial-text-above,
    .memorial-text-below {
        font-size: 1.4em;      /* 22.4px – doplněk, poměr 1,57× jako desktop */
    }
}

@media (max-width: 480px) {
    .memorial-name {
        font-size: 2.2em;      /* přebíjí 1.8em z memorial.css */
    }

    .memorial-text-above,
    .memorial-text-below {
        font-size: 1.4em;      /* přebíjí 1.8em z memorial.css */
    }
}

/* Velmi úzké displeje – ať se dlouhé jméno vejde na řádek */
@media (max-width: 360px) {
    .memorial-name {
        font-size: 2em;        /* 32px */
    }

    .memorial-text-above,
    .memorial-text-below {
        font-size: 1.3em;      /* 20.8px */
    }
}