/* V4 — sestavení: Úvod s přímým kontaktem ← V3.1, Kontaktní blok + formulář ← V3.1 (e-mail povinný), Rychlé cesty ← V3.1 */
/* OL Estate V3 — Kontakt (jen doplňky; barvy výhradně přes tokeny) */

.page-kontakt h2,.page-kontakt .cesta h3,.page-kontakt .head .lead{text-wrap:balance}
.page-kontakt .cesta p{text-wrap:pretty}

/* úvod: přímý kontakt hned ve scéně */
.ph-ct{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:24px}
.ph-ct a{display:inline-flex;align-items:center;gap:12px;padding:4px 0 6px;font-size:18px;letter-spacing:.03em;color:var(--d-ink);text-decoration:none;border-bottom:var(--lw) solid var(--line);transition:color .3s,border-color .3s}
.ph-ct a:hover{color:var(--g2);border-color:var(--g2)}
.ph-ct .ico{width:20px;height:20px;color:var(--g2);margin-top:-3px}

/* formulář: kontextová nápověda podle tématu */
.f-hint{position:relative;margin:-4px 0 26px;padding:12px 16px 11px 34px;border:var(--lw) solid var(--line-2);background:var(--card);font-size:14px;line-height:1.55;color:var(--muted)}
.f-hint::before{content:"";position:absolute;left:15px;top:19px;width:6px;height:6px;background:var(--g1);transform:rotate(45deg)}
.f-hint a,.check a{color:var(--g2);text-decoration:underline;text-decoration-thickness:var(--lw);text-underline-offset:4px;transition:color .3s}
.f-hint a:hover,.check a:hover{color:var(--ink)}

/* ---------- rychlé cesty: 5 dlaždic s obloukovým okénkem ---------- */
.cesty{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.cesta{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:38px 22px 26px;text-align:center;text-decoration:none;color:inherit;border:var(--lw) solid var(--line-2);background:linear-gradient(180deg,var(--card),transparent 78%) var(--bg);transition:border-color .4s,background .4s,transform .5s var(--ease)}
.cesta::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:var(--lw-2);background:var(--gg);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.cesta:hover,.cesta:focus-visible{border-color:var(--line);background:linear-gradient(180deg,var(--card-2),transparent 85%) var(--bg);transform:translateY(-6px)}
.cesta:hover::after,.cesta:focus-visible::after{transform:scaleX(1)}
.c-arch{position:relative;flex:none;width:66px;height:80px;display:grid;place-items:center;padding-top:10px;border:var(--lw) solid var(--line);border-bottom:0;border-radius:999px 999px 0 0;color:var(--g2)}
.c-arch::before{content:"";position:absolute;inset:5px 5px 0;border:var(--lw) solid var(--line-2);border-bottom:0;border-radius:inherit;transition:border-color .4s}
.c-arch::after{content:"";position:absolute;left:-12px;right:-12px;bottom:0;height:var(--lw);background:var(--g1)}
.c-arch .ico{width:30px;height:30px;stroke-width:1.3;transition:transform .6s var(--ease)}
.cesta:hover .c-arch::before{border-color:var(--line-s)}
.cesta:hover .c-arch .ico{transform:translateY(-3px)}
.cesta .roman{margin:20px 0 6px}
.cesta h3{font-size:23px;line-height:1.15;margin-bottom:10px;min-height:2.3em;display:flex;align-items:center;justify-content:center}
.cesta p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.c-go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g2)}
.c-go .ico{width:16px;height:16px;stroke-width:1.6;margin-top:-3px;transition:transform .4s var(--ease)}
.cesta:hover .c-go .ico{transform:translateX(4px)}
.cesta--inv{border-color:var(--line)}
.cesta--inv h3{background:var(--gtext);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (max-width:1140px){
  .cesty{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
  .cesty li{grid-column:span 2}
  .cesty li:nth-child(4){grid-column:2 / 4}
  .cesty li:nth-child(5){grid-column:4 / 6}
}
@media (max-width:760px){
  .ph-ct{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
  .ph-ct a{font-size:17px}
  .f-hint{margin:-6px 0 24px}
  .cesty{grid-template-columns:minmax(0,1fr);gap:12px}
  .cesty li,.cesty li:nth-child(4),.cesty li:nth-child(5){grid-column:auto}
  .cesta{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:18px;align-items:center;padding:18px 16px 18px 18px;text-align:left}
  .cesta:hover,.cesta:focus-visible{transform:none}
  .c-arch{grid-row:1 / 3;width:52px;height:64px;padding-top:8px}
  .c-arch::after{left:-8px;right:-8px}
  .c-arch .ico{width:26px;height:26px}
  .cesta .roman{display:none}
  .cesta h3{grid-column:2;display:block;min-height:0;margin:0 0 4px;font-size:21px}
  .cesta p{grid-column:2;font-size:14px}
  .c-go{grid-column:3;grid-row:1 / 3;margin:0;padding:0}
  .c-go > span{display:none}
}