/* STAVPORTAL V4 – navigácia a záložky bez oválnych rámčekov (OWNER GO V4: Zjednotenie aktívnych navigačných položiek).
   Aktívna položka = iba medená spodná čiara #B87333 (2 px; kontrast voči papieru 3,48 : 1 a voči tmavej ploche 5,1 : 1 –
   WCAG 2.2 1.4.11). Text ostáva v neutrálnej farbe, dotykové plochy a odsadenie sa nezmenšujú.
   Focus klávesnicou ostáva viditeľný: obrys 2,5 px Ink / Warm White (tokeny v assets/v4-hlavicka.css) so zaoblením 6 px,
   aby nezmizol spolu s oválom. Načítava sa na všetkých stránkach (hlavička, mobilné menu a prepínač profesií
   na kalkulačkách) – funkcia odkazov a záložiek sa nemení.
   Netýka sa: CTA tlačidiel, formulárov (čipy kategórií), kariet, prepínača farebného režimu (nastavenie, nie navigácia),
   krokov „Ako prebieha zákazka“ (bez oválu). Uzamknuté súbory R4.3 sa nemenia – pravidlá ich iba prekrývajú. */

/* ---- hlavná navigácia v hlavičke ---- */
.hdr .nav a { position: relative; border-radius: 6px; }
.hdr .nav a:hover { background: transparent; color: var(--ink); }
.hdr .nav a:hover::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--line-2); }
.hdr .nav a[aria-current="page"] { background: transparent; box-shadow: none; color: var(--ink); font-weight: 500; }
.hdr .nav a[aria-current="page"]::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: 3px; height: 2px; border-radius: 2px; background: #B87333; }

/* ---- mobilné menu: medená čiara pod aktívnou položkou namiesto pruhu vľavo ---- */
.drawer nav a[aria-current="page"] { color: var(--ink); box-shadow: inset 0 -2px 0 #B87333; padding-left: 0; }

/* ---- záložky Investor / Realizátor (panel na úvode, ukážka portálu) ---- */
.biz-switch, .pv-switch { background: transparent; border: 0; border-radius: 0; padding: 0; gap: 18px; box-shadow: inset 0 -1px 0 var(--v4-tab-line, var(--line)); }
.biz-switch { --v4-tab-line: var(--night-line); }
.biz-switch button, .pv-switch button { min-height: 40px; padding: 0 2px; border-radius: 6px; background: transparent; }
.biz-switch button[aria-selected="true"], .pv-switch button[aria-selected="true"] { background: transparent; box-shadow: inset 0 -2px 0 #B87333; border-radius: 0; }
.biz-switch button[aria-selected="true"] { color: #FAFAF9; }
.pv-switch button[aria-selected="true"] { color: var(--ink); }
.biz-switch button:not([aria-selected="true"]):hover { color: #FAFAF9; }
.pv-switch button:not([aria-selected="true"]):hover { color: var(--ink); }

/* ---- „Na tejto stránke“: odkazy bez oválov, čiara pri hover ---- */
.onpage a { border: 0; border-radius: 6px; padding: 0 8px; min-height: 40px; color: var(--ink-2); text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.onpage a:hover { text-decoration-color: var(--line-2); color: var(--ink); }
.onpage ul { gap: 4px 10px; }

/* ---- prepínač profesií na kalkulačkách (navigácia medzi kalkulačkami); nav.profs – štýly kalkulačky sa načítajú neskôr ---- */
.calc-c nav.profs { gap: 14px; }
.calc-c nav.profs a { border: 0; border-radius: 6px; background: transparent; padding: 8px 4px; }
.calc-c nav.profs a:hover { color: var(--ink); box-shadow: inset 0 -2px 0 var(--line-2); }
.calc-c nav.profs a[aria-current="page"] { color: var(--ink); border-radius: 0; box-shadow: inset 0 -2px 0 #B87333; }

/* ---- focus klávesnicou: jasný obrys, tvar zaobleného obdĺžnika ---- */
.hdr .nav a:focus-visible, .drawer nav a:focus-visible, .biz-switch button:focus-visible, .pv-switch button:focus-visible, .onpage a:focus-visible, .calc-c nav.profs a:focus-visible {
  outline: 2.5px solid var(--v4-focus); outline-offset: 2px; border-radius: 6px;
}
.biz-switch button:focus-visible { outline-color: #FAFAF9; }
.drawer nav a:focus-visible { outline-offset: -2px; border-radius: 0; } /* riadky menu so separátormi – obdĺžnikový obrys */
