/* ═══════════════════════════════════════════════════════════════
   DETAIL HROBOVÉHO MÍSTA – osobnostní prvky a seznam osob
   ---------------------------------------------------------------
   Laděno do memoriálového vzhledu. memorial.css se NEMĚNÍ – tyhle
   třídy jsou vlastní téhle stránce.

   Barvy: v2 paleta (--accent:#5A4B8C) natvrdo jako hex – stránka je
   samostatný dokument bez v2-base.css, stejně jako memorial/sample.php.
   Zlatá (#e2c069) je záměrně ponechaná jen u VIP odznaku a hvězdičky –
   stejná barva jako u významných osobností na mapě, ne pozůstatek staré
   značky. Jméno/bio v samotné kartě (Lora, memorial.css) je nedotčené;
   tenhle seznam sedí vizuálně uvnitř karty, tak font Lora zachovávám
   i tady, ať nevzniká švy uprostřed karty.
   ═══════════════════════════════════════════════════════════════ */

/* Inter jen pro tenhle seznam – karta samotná (jméno, bio) používá
   Lora/Playball z memorial.css beze změny; stránka v2-base.css nenačítá. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/inter-latin-ext-400.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/inter-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/inter-latin-ext-600.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/inter-latin-600.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ── Osobnostní prvky ─────────────────────────────────────────── */

.memorial-vip-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 4px 0 2px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #b3922e;
    letter-spacing: .02em;
}
.memorial-vip-badge svg { flex-shrink: 0; color: #e2c069; }

.memorial-vip-field {
    margin: 2px 0 0;
    font-style: italic;
    color: #5B554F;
    opacity: .9;
}

.memorial-source-attr {
    margin: 8px 0 0;
    font-size: 0.8rem;
    color: #78726A;
    opacity: .85;
}

/* ── Seznam osob v hrobě ──────────────────────────────────────────
   Sbalený pro toho, kdo přišel z odkazu na konkrétního člověka;
   rozbalený pro toho, kdo otevřel hrob a chce vidět, kdo tu leží.

   Na Vyšehradě je v jednom hrobě 54 osobností – proto seznam, ne
   vodorovný pás: u pásu si lidé nevšimnou toho, co není hned vidět,
   a hledaný člověk v něm zapadne stejně jako v dlouhém výpisu. */

.evid-people {
    max-width: 92%;
    margin: 16px auto 20px;
    text-align: left;
}

.evid-people-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    border: 1px solid #E5E2DC;
    border-radius: 10px;
    background: rgba(255, 255, 255, .6);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: #1C1A18;
    cursor: pointer;
    text-align: left;
}
.evid-people-toggle:hover { border-color: #5A4B8C; }

.evid-people.is-open .evid-people-toggle {
    border-radius: 10px 10px 0 0;
    border-bottom-color: transparent;
}

.evid-people-count { flex: 1; min-width: 0; }

.evid-people-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #5A4B8C;
    white-space: nowrap;
}
.evid-people-action svg {
    width: 15px;
    height: 15px;
    transition: transform .2s;
}
.evid-people.is-open .evid-people-action svg { transform: rotate(180deg); }

.evid-people-body {
    border: 1px solid #E5E2DC;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 12px 14px 14px;
    background: rgba(255, 255, 255, .45);
}

.evid-people-search {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    padding: 7px 11px;
    border: 1px solid #E5E2DC;
    border-radius: 8px;
    background: #fff;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: #1C1A18;
}
.evid-people-search:focus {
    outline: none;
    border-color: #5A4B8C;
    box-shadow: 0 0 0 3px rgba(90, 75, 140, .15);
}

/* Dva sloupce – padesát čtyři jmen se tak vejde na jednu obrazovku
   místo tří. Na mobilu jeden sloupec. */
.evid-people-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    max-height: 340px;
    overflow-y: auto;
}
.evid-people-list::-webkit-scrollbar { width: 6px; }
.evid-people-list::-webkit-scrollbar-thumb {
    background: rgba(90, 75, 140, .35);
    border-radius: 3px;
}

/* Dotažení další části dlouhého seznamu (hromadné hroby) – viz skript v šabloně. */
.evid-people-more {
    display: block;
    width: 100%;
    margin: 12px 0 0;
    padding: 10px 14px;
    border: 1px solid #E5E2DC;
    border-radius: 8px;
    background: #fff;
    color: #5A4B8C;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.evid-people-more:hover { border-color: #5A4B8C; background: rgba(90, 75, 140, .07); }
.evid-people-more:disabled { opacity: .6; cursor: default; }
/* display:block výše by jinak přebilo atribut hidden – tlačítko po dotažení
   posledních jmen zůstávalo viditelné s textem „Načítám…“. */
.evid-people-more[hidden] { display: none; }

.evid-people-item {
    display: block;
    padding: 7px 4px;
    border-bottom: 1px solid rgba(229, 226, 220, .8);
    text-decoration: none;
    line-height: 1.3;
}
.evid-people-item:hover { background: rgba(90, 75, 140, .07); }

.evid-people-star {
    width: 13px;
    height: 13px;
    color: #e2c069;
    vertical-align: -1px;
    margin-right: 4px;
}

.evid-people-name {
    font-family: 'Lora', serif;
    font-size: 0.88rem;
    color: #1C1A18;
}

/* Obor bývá lepší vodítko než jméno – „ten skladatel" si člověk
   vybaví dřív než příjmení. */
.evid-people-meta {
    display: block;
    font-size: 0.75rem;
    color: #78726A;
    margin-top: 1px;
}

.evid-people-item.is-active { background: rgba(90, 75, 140, .12); }
.evid-people-item.is-active .evid-people-name {
    font-weight: 700;
    color: #5A4B8C;
}

.evid-people-empty {
    margin: 10px 0 0;
    text-align: center;
    font-size: 0.82rem;
    color: #78726A;
}

@media (max-width: 480px) {
    .evid-people { max-width: 96%; }
    .evid-people-list { grid-template-columns: 1fr; max-height: 300px; }
    .evid-people-toggle { font-size: 0.8rem; padding: 8px 11px; }
}

/* ── Placené doplnění údajů od rodiny ─────────────────────────────
   Text je běžný životopisný odstavec karty (memorial-bio), popisek pod
   ním odlišuje doplněné údaje od úřední evidence. */
.memorial-bio.evid-family-bio {
    display: block;
    white-space: pre-line;
}

.evid-family-note {
    margin: 10px 0 0;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 0.78rem;
    color: #5A4B8C;
    letter-spacing: .02em;
}

.evid-family-note--sub {
    margin-top: 2px;
    color: #78726A;
}

/* Nabídka „Chybí tu něco?" pod kartou běžné osoby bez doplnění. */
.memorial-bio.evid-cta-text { display: block; }
.evid-cta-title { font-weight: 700; }

/* Nenápadný odkaz pod kartou osoby doplněné rodinou – doplnění další osoby
   do hrobu. Záměrně ne tlačítko; odsazení drží dotykový cíl 44 px. */
.evid-cta-link {
    margin: 12px 0 0;
    text-align: center;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
}
.evid-cta-link a {
    display: inline-block;
    padding: 12px 8px;
    color: #5A4B8C;
    text-decoration: underline;
}