/* KOMPONENT ph-tag — .ph-tag (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: style-a5de0145ecc1.css, userStyles-b7accc8e732d.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* 31. 10. 2026 (Martin): ŠTÍTOK = jeden komponent pre .ph-tag (hlavička článku) aj .ph-chip (karta článku).
   Vlastný vzhľad podľa skutočného použitia na webe (predtým veľkosť 24 px dával len obal hlavičky, holý štítok mal 32 px).
   Pilulky v rámčeku @tags (.ph-bt) sú prvok článku, nie tento komponent.
   Spoločný vzhľad je na KONCI súboru (nízka váha — miestne pravidlá ho môžu upraviť). */

/* --- z style-a5de0145ecc1.css --- */
.ph-tag { height: 32px; display: inline-flex; font-size: 12px; box-shadow: var(--c-line2) 0px 0px 0px 1px inset; column-gap: 8px; align-items: center; padding: 0px 12px; letter-spacing: var(--tr-popis); text-transform: uppercase; }
.ph-tag--d { height: 28px; font-size: 11px; box-shadow: color-mix(in srgb, var(--c-fg) 35%, transparent) 0px 0px 0px 1px inset; padding: 0px 10px; }
.ph-tag--max { color: var(--f-paper); box-shadow: none; background: var(--f-ink); }
.ph-tag--max::before { width: 7px; height: 7px; content: ""; }
/* 1. 11. 2026, krok 9 — zo style: štítok v karte článku */
.ph-chip { color: var(--c-fg); height: 24px; display: inline-flex; box-shadow: inset 0 0 0 1px var(--f-line-l2); align-items: center; font-family: var(--font-f-font-mono); font-weight: 500; padding: 0px 9px; text-wrap-mode: nowrap; letter-spacing: var(--tr-popis); text-transform: uppercase; white-space-collapse: collapse; }

/* --- z userStyles-b7accc8e732d.css --- */
html body .ph-art-tags .ph-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; white-space: nowrap; }
html body .ph-art-tags .ph-tag { box-shadow: inset 0 0 0 1px var(--c-line-s); color: var(--c-fg); }
/* štítok v kartách odporúčaných článkov (obal .ph-feat) — 3. 11. 2026 (F5): trieda obalu namiesto atribútu [data-ph-featured] */
html body .ph-feat .ph-tag { box-shadow: inset 0 0 0 1px var(--c-line2); color: var(--c-body); background: transparent; }
/* 1. 11. 2026, krok 9 — z userStyles (bez html body a bez výnimiek): štítok v kartách odporúčaných článkov (tmavá plocha) */
.ph-feat .ph-chip { box-shadow: inset 0 0 0 1px var(--c-line2); color: var(--c-body); background: transparent; }
html body .ph-tag--max::before { background: var(--f-max-grad); }
html body .ph-tag--max::before { border-radius: var(--f-atom-r); }

/* ŠTÍTOK — spoločný vzhľad (.ph-tag aj .ph-chip), 31. 10. 2026; nie pilulky v rámčeku @tags (.ph-bt) ani variant --d */
:is(.ph-tag, .ph-chip):where(:not(.ph-bt *, .ph-tag--d)) { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; white-space: nowrap; font-family: var(--font-f-font-mono); font-size: var(--ts-popis); font-weight: 500; line-height: var(--lh-popis); letter-spacing: var(--tr-popis); text-transform: uppercase; color: var(--c-fg); box-shadow: inset 0 0 0 1px var(--c-line-s); }