/* ==========================================================================
   RGc — sdílené komponenty používané na více stránkách
   ========================================================================== */

/* Hairline dělič řádků (Figma: 0,5 px) */
.rule { height: 0; border: 0; border-top: .5px solid var(--rule, var(--line-grey)); margin: 0; }

/* Řádek se situací (homepage „Co právě řešíte?“) a podobné seznamy */
.list-row { position: relative; border-top: .5px solid var(--rule, var(--line-grey)); }
.list-row:last-child { border-bottom: .5px solid var(--rule, var(--line-grey)); }

/* Dlaždice s tenkou písková linkou */
.tile { border: 1px solid var(--tan); }

/* Statický text s tlačítky ve středu */
.cta-row { display: flex; justify-content: center; gap: 16px; align-items: center; }

/* Zástupný obrázek (reference klienta nejsou dodány) */
.ph-square { position: relative; width: 145px; height: 145px; background: var(--placeholder); overflow: hidden; }
.ph-square::before, .ph-square::after { content: ''; position: absolute; left: 50%; top: 50%; width: 204.6px; height: 1px; background: #333; transform-origin: center; }
.ph-square::before { transform: translate(-50%, -50%) rotate(45deg); }
.ph-square::after { transform: translate(-50%, -50%) rotate(-45deg); }

/* Odkaz, jehož cíl zatím neexistuje: vypadá jako ve Figmě, ale není aktivní (viz docs/NEVYRESENE_ODKAZY.md) */
.is-pending { cursor: default; }
.is-pending:hover .arrow-circle, a.arrow-circle.is-pending:hover { background: none; color: var(--lk); }
.is-pending:focus-visible { outline: none; }