/*
 * Stopy v srdci v2.0 – evidence-map-v2.css
 * PŘÍDAVNÁ vrstva nad evidence-map.css (ten se neupravuje). Stránka je
 * soběstačná komponenta s vlastním jmenným prostorem .ev-* a vlastními
 * :root proměnnými (--ev-bronze atd.) – proto stačí ty proměnné tady
 * předefinovat na v2 hodnoty, prakticky celý soubor je na nich postavený.
 *
 * Barvy bodů/popisků hrobů na mapě samotné (addPointLayers v evidence-map.js)
 * jsou nativní MapLibre vrstvy laděné zvlášť pro světlý/tmavý motiv mapy –
 * mimo CSS a mimo tohle přebarvení, stejně jako u /mapa.
 */
:root{
  --ev-bronze:      #5A4B8C;
  --ev-bronze-dark: #453A6C;
  --ev-border:      #E5E2DC;
  --ev-bg:          #ffffff;
  --ev-text:        #1C1A18;
  --ev-text-soft:   #5B554F;
  --ev-info-bg:     #EFECF7;
  --ev-info-border: #8577BE;
  --ev-info-text:   #5A4B8C;
}

/* Pár míst v evidence-map.css má barvu natvrdo, ne přes proměnnou. */
.ev-item:hover{background:#EFECF7}
.ev-item.is-active{background:#EFECF7}
.ev-item__photo{background:#F6F5F2}

/* Popup skupiny osob ve stejném hrobě (osob > 1) – stejná struktura a
   odsazení jako .map-spot-popup/.spot-* na hlavní mapě (map.css/map-v2.css),
   jen jmenný prostor .ev-* a barvy přes místní --ev-* proměnné, protože
   tahle stránka v2-base.css nenačítá. */
.ev-spot-popup{
  min-width:220px;max-width:320px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
.ev-spot-popup .spot-header{
  padding:10px 14px;background:var(--ev-info-bg);border-bottom:1px solid var(--ev-border);
  font-weight:600;font-size:.9rem;color:var(--ev-bronze);
}
.ev-spot-popup .spot-list{display:flex;flex-direction:column}
.ev-spot-popup .spot-list-scroll{max-height:240px;overflow-y:auto}
.ev-spot-popup .spot-card{
  display:flex;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;
  color:var(--ev-text);border-bottom:1px solid var(--ev-border);transition:background-color .15s;
}
.ev-spot-popup .spot-card:last-child{border-bottom:none}
.ev-spot-popup .spot-card:hover{background:var(--ev-info-bg)}
.ev-spot-popup .spot-card-body{display:flex;flex-direction:column;min-width:0;flex:1}
.ev-spot-popup .spot-card-name{font-weight:600;font-size:.95rem;color:var(--ev-text)}
.ev-spot-popup .spot-card-dates{font-size:.82rem;color:var(--ev-text-soft);margin-top:1px}
.ev-spot-popup .spot-star{color:#d4a836;margin-right:3px}
.ev-spot-popup .spot-card-avatar{
  flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;
  border:2px solid var(--ev-bronze);background:#F6F5F2;
  display:flex;align-items:center;justify-content:center;
}
.ev-spot-popup .spot-card-avatar img{width:100%;height:100%;object-fit:cover}
.ev-spot-popup .spot-card-avatar-ph{background:var(--ev-info-bg)}
.ev-spot-popup .spot-card-arrow{color:var(--ev-bronze);display:flex;align-items:center;flex:0 0 auto}
.ev-spot-popup .spot-loading{padding:16px 14px;text-align:center;color:var(--ev-text-soft);font-size:.85rem}

/* Přepínač motivu mapy (světlá/tmavá) – vlastní kopie stejné komponenty
   jako na /mapa, se stejným problémem: tmavá --accent na bílém pozadí
   ovládání je v pořádku, ale aktivní stav bral globální --primary-color
   (bronz) z map.css, ne místní proměnnou. Světlá fialová + tmavý text,
   stejné řešení jako v map-v2.css. */
.theme-ctrl-btn.theme-ctrl-active{
  background:#c9a8e8;
  color:#1C1A18;
}