/* STAVPORTAL V4 – jednotný systém tlačidiel, prepínačov a typografie (OWNER GO V4, implementačná matica V4).
   Samostatná vrstva načítaná za všetkými štýlmi R4.3 a V3 (inc/enqueue.php); uzamknuté súbory R4.3 sa nemenia.
   Na stránkach kalkulačiek (variant C) sa vrstva nenačíta – kalkulačky ostávajú bez zmeny; spoločnú hlavičku
   aj tam zjednocuje assets/v4-hlavicka.css (OWNER GO Zjednotenie hlavičky V4).
   Primary sa určuje bez zmeny značiek: hlavné akcie majú data-open="intake" / "join", v dialógoch data-in-next / data-jn-next.
   Kontrasty (WCAG 2.2 AA): Ink na Copper 5,12 : 1 · hover 6,41 · active 4,65 · obrys Secondary 6,5 / 5,7 · focus ≥ 17 : 1. */

/* tokeny --v4-* sú v assets/v4-hlavicka.css (načíta sa na všetkých stránkach, aj na kalkulačkách) */

/* ---- veľkosti: S 40 · M 48 · L 56, pilulka, Poppins 600 ---- */
.btn { min-height: 48px; padding: 0 22px; border-radius: 999px; border-width: 1.5px; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.btn-sm { min-height: 40px; padding: 0 16px; font-size: 14px; }
.btn-lg { min-height: 56px; padding: 0 28px; font-size: 16px; }
.btn svg { width: 18px; height: 18px; }

/* ---- Secondary: všetky ostatné tlačidlá (obrys ≥ 3 : 1) ---- */
.btn-ink, .btn-line, .btn-paper, .btn-cu, .btn-line-inv { background: transparent; color: var(--v4-sec-fg); border-color: var(--v4-sec-bd); }
.btn-ink:hover, .btn-line:hover, .btn-paper:hover, .btn-cu:hover, .btn-line-inv:hover { background: var(--v4-sec-hover); border-color: var(--v4-sec-fg); }
.btn-line-inv { --v4-sec-fg: #FAFAF9; --v4-sec-bd: #8A8A8F; --v4-sec-hover: rgb(250 250 249 / .08); --v4-focus: #FAFAF9; }

/* ---- Primary: hlavná akcia (dopyt, prihláška, ďalší krok dialógu) – medená s textom Ink vo všetkých režimoch ---- */
a.btn[data-open="intake"], a.btn[data-open="join"], .dlg-nav .btn[data-in-next], .dlg-nav .btn[data-jn-next] {
  background: var(--v4-cu); color: var(--v4-ink); border-color: transparent;
}
a.btn[data-open="intake"]:hover, a.btn[data-open="join"]:hover, .dlg-nav .btn[data-in-next]:hover, .dlg-nav .btn[data-jn-next]:hover {
  background: var(--v4-cu-hover); border-color: transparent;
}
a.btn[data-open="intake"]:active, a.btn[data-open="join"]:active, .dlg-nav .btn[data-in-next]:active, .dlg-nav .btn[data-jn-next]:active {
  background: var(--v4-cu-active);
}
/* v mobilnom menu je prihláška realizátora druhá voľba vedľa dopytu */
.drawer-cta a.btn[data-open="join"] { background: transparent; color: var(--v4-sec-fg); border-color: var(--v4-sec-bd); }
.drawer-cta a.btn[data-open="join"]:hover { background: var(--v4-sec-hover); border-color: var(--v4-sec-fg); }
/* úvod, mobil: v prvom zobrazení je dopyt v hero aj v doku – v tmavom paneli ostáva ako Secondary */
@media (max-width: 760px) {
  .biz-cta a.btn[data-open="intake"] { background: transparent; color: var(--v4-sec-fg); border-color: var(--v4-sec-bd); }
}

/* ---- Tertiary: textové akcie ---- */
.link-btn, .on-dark-link { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); }
.link-btn:hover, .on-dark-link:hover { text-decoration-color: currentColor; }
.dlg .link-btn { min-height: 44px; }

/* ---- Destructive: pripravené pre formuláre a portál (na verejných stránkach dnes nepoužité) ---- */
.btn-danger { background: transparent; color: var(--v4-danger); border-color: var(--v4-danger); }
.btn-danger:hover { background: color-mix(in srgb, var(--v4-danger) 10%, transparent); }
.btn-danger.is-confirm { background: #B42318; color: #FFFFFF; border-color: #B42318; }

/* ---- stavy ---- */
.btn:active { transform: translateY(1px); }
.btn:focus-visible, .mdock a:focus-visible, .biz-switch button:focus-visible, .pv-switch button:focus-visible, .link-btn:focus-visible, .on-dark-link:focus-visible {
  outline: 2.5px solid var(--v4-focus); outline-offset: 3px;
}
.btn[disabled], .btn[aria-disabled="true"], .btn[disabled]:hover, .btn[aria-disabled="true"]:hover {
  background: var(--v4-dis-bg); color: var(--v4-dis-fg); border-color: transparent; opacity: 1; cursor: not-allowed; transform: none;
}
.btn[aria-busy="true"] { opacity: 1; cursor: progress; }
.btn[aria-busy="true"] svg { display: none; }
.btn[aria-busy="true"]::after { content: ""; width: 16px; height: 16px; flex: none; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: v4-spin .8s linear infinite; }
@keyframes v4-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .btn[aria-busy="true"]::after { animation: none; border-right-color: currentColor; opacity: .6; } .btn:active { transform: none; } }

/* ---- prepínače: aktívny neutrálny, medená ostáva iba akcii ---- */
.biz-switch button, .pv-switch button { min-height: 40px; }
.biz-switch button[aria-selected="true"], .pv-switch button[aria-selected="true"] { background: var(--v4-seg-on-bg); color: var(--v4-seg-on-fg); }

/* ---- mobilný dock: pilulka ako ostatné tlačidlá ---- */
.mdock .mdock-main { border-radius: 999px; background: var(--v4-cu); color: var(--v4-ink) !important; font-weight: 600; }

/* ---- formulárové prvky v dialógoch ---- */
.dlg .chip { min-height: 40px; }

/* ---- rytmus: záverečný pás bez prázdnej plochy pod nadpisom ---- */
.final { padding-block: clamp(72px, 9vw, 104px); }

/* ---- typografia: hlavný nadpis podstránok rovnako ako úvod a schválené kalkulačky ---- */
.sub-hero h1 { font-family: "Bebas Neue", var(--font); font-weight: 400; font-synthesis: none; letter-spacing: .01em; line-height: .95; font-size: clamp(3rem, 6vw, 5.2rem); }
/* vysvetlivky a riadok prevádzkovateľa čitateľné na mobile (text sa nemení) */
.fineprint, .pv-note { font: 400 13px/1.5 var(--font); letter-spacing: 0; text-transform: none; }
/* neinteraktívne položky panelov portálu nevyzerajú ako odkazy */
.panel-list li::before { content: "•"; color: var(--cu-hi); margin-right: 10px; }