/* pcard.css — DLAŽDICE POLOŽKY SHOWROOMU (jméno · foto · lišta ikon).
   ⚓ VYDĚLENO z `components.css` 2026-09-05 (owner „udělej to prostě jako ten showroom
   jen s editačními tlačítky"). ⚠️ Důvod je TÝŽ, jaký má u sebe zapsaný `data-table.css`
   a `check-list.css`: admin `components.css` NENAČÍTÁ, a editor manifestu má teď ukazovat
   PŘESNĚ to, co uvidí návštěvník — což jde jedině tak, že kreslí TOUTÉŽ komponentou,
   ⛔ ne její kopií.
   ⚓ Rozdíl mezi veřejnou a adminskou dlaždicí je JEN v patičce: venku sdílení / otevřít
   v appce / AR / stažení, v adminu úpravy. Hlava, foto i rozměry jsou shodné.
   Konzumenti: `showroom.html` · `admin.html` · `UI/app_UI.html` (§ Web — Catalog). */

.pcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 18px}
/* .pcard anatomy (owner 2026-09-04 „dej tomu záhlaví tam napiš název, dolů dej ikony - sdílení, uprava, AR,
   stahnout model"): HEAD (name + meta, a link) → PHOTO (a link, badge) → FOOT (icon actions). The card is an
   <article>, not one <a> — buttons cannot live inside a link. Actions are naked icon buttons (flat per the
   raised canon: transparent, no shadow), hover fills one step above the hovered card (--bg-control);
   .locked = part of the subscription (lock mark, click explains), .off = not available for this item (title says why). */
.pcard{display:flex;flex-direction:column;min-width:0;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;transition:background .2s}
.pcard:hover{background:var(--bg-card-hover)}
.pcard a{color:inherit;text-decoration:none}
/* HORNÍ A SPODNÍ LIŠTA = ROZMĚRY PANELU (owner 2026-09-04 „horní a spodní lišty jako máme velikosti u panelů"):
   obě 26 px, `padding:0 6px`, `gap:6px` podle `.modal-head`/`.modal-foot` z kánonu §web-panel, ⛔ bez linek.
   ⚓ OBĚ LIŠTY MAJÍ TÚŽ PLOCHU JAKO KARTA (owner 2026-09-04 „horní bar dej stejnou barvu jako spodní") —
   ⚠️ RUŠÍ TÍM „záhlaví v barvě tlačítka" (--bg-control) z TÉHOŽ dne: jakmile se lišty srovnaly na 26 px,
   dvě různé plochy z karty dělaly tři pásy. Odlišení nese ROZMĚR a obsah, ⛔ ne druhá barva.
   V záhlaví JEN NÁZEV (owner „v horním panelu nech jen název") — řádek meta smazán, specifikaci nese stránka
   položky. Dlouhý název se ořízne třemi tečkami: lišta je JEDNOŘÁDKOVÁ, ⛔ neroste. */
.pcard-head{height:26px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 6px;overflow:hidden}
.pcard-ph{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--bg-card-hover);color:var(--text-muted);transition:background .2s}
.pcard:hover .pcard-ph{background:var(--bg-control)}
.pcard-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.pcard:hover .pcard-ph img{transform:scale(1.03)}
.pcard-ph>svg{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);stroke:currentColor;fill:none;stroke-width:1.1;stroke-linejoin:round}
.pcard-name{font-size:13px;font-weight:600;line-height:1.3;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* patička je STEJNĚ VYSOKÁ JAKO ZÁHLAVÍ, 26 px (owner 2026-09-04 „spodní bar je stále velký" — s odsazením
   6 px a tlačítky 30×28 měřila 40 px proti 26 px nahoře, což se čte jako dvě různé lišty). Tlačítko je proto
   BOX CHROMU 20×20 jako `.modal-x` v kánonu §web-panel, ⛔ ne `.btn`; odsazení a mezera 6 px zůstávají. */
.pcard-foot{height:26px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 6px}
.pcard-act{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);background:none;box-shadow:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-decoration:none;transition:background .15s,color .15s}
.pcard-act:hover{background:var(--bg-control);color:var(--text-primary)}
.pcard-act svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pcard-act .lock{position:absolute;right:0;bottom:0;width:8px;height:8px;stroke-width:2.4}
.pcard-act.locked{color:var(--text-muted)}
.pcard-act.off{color:var(--text-muted);opacity:.45;cursor:default}
.pcard-act.off:hover{background:none;color:var(--text-muted)}