/* =========================================================
   TOMŠA – dizajn G „Súčasný web, vyladený“
   Nadstavba nad tomsa-f.css (načítava sa za ním).
   Návrat na verziu F: v index.html zmaž riadok s tomsa-g.css.
   ========================================================= */

/* Písmo Inter (voliteľné, /assets/fonts/). Bez neho sa použije Segoe UI / Arial. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/Inter-VariableFont_opsz%2Cwght.ttf") format("truetype");
}

:root {
  --g-navy: #0b1b30;
  --g-navy-2: #13263f;
  --g-line-dark: #2c4260;
  --f-font: "Inter", "Segoe UI", Arial, sans-serif;
  --f-bg: #f1f4f8;
  --f-r: 24px;
}

.tomsa-public h1, .tomsa-public h2, .tomsa-public h3, .tomsa-public h4 { letter-spacing: -0.03em !important; }

/* ---------- Úvod: tmavý úvodný blok napojený na hlavičku ---------- */
.f-home .f-top { padding-top: 0; }
.f-hero { background: var(--g-navy); border: 0; border-radius: 0 0 var(--f-r) var(--f-r); color: #fff; }
.f-hero .f-h1 { color: #fff; }
.f-hero-copy p { color: #c9d3df; }
.f-hero .f-btn-outline, .f-hero .f-btn-outline:visited { border-color: #fff; color: #fff !important; }
.f-hero .f-btn-outline:hover { background: #fff; color: var(--g-navy) !important; }
.f-hero :focus-visible { outline-color: #fff !important; }

.f-start { background: #fff; color: var(--f-ink); }
.f-start :focus-visible { outline-color: var(--f-blue) !important; }

.f-quick a, .f-quick a:visited { background: var(--g-navy-2); border-color: var(--g-line-dark); color: #fff !important; }
.f-quick a:hover { border-color: #fff; color: #fff !important; background: #1a3150; }

.f-groups { border-top-color: #22385a; }
.f-groups h2 { color: #c9d3df; }
.f-group-grid li { flex-direction: column; align-items: flex-start; gap: .3rem; padding: .8rem .9rem; background: var(--g-navy-2); border-color: var(--g-line-dark); }
.f-group-grid strong { min-width: 0; height: auto; padding: 0; background: none; border-radius: 0; color: #fff; font-size: 1.9rem; line-height: 1; letter-spacing: -0.02em; }
.f-group-grid li:nth-child(5) strong { color: #ff5a60; }
.f-group-grid span { color: #c9d3df; font-size: .88rem; }

/* ---------- Podstránky: tmavá hlavička ---------- */
.f-pagehero-wrap.f-top { padding-top: 0; }
.f-pagehero { background: var(--g-navy); border: 0; border-radius: 0 0 var(--f-r) var(--f-r); }
.f-pagehero .f-h1 { color: #fff; }
.f-pagehero p { color: #c9d3df; }
.f-pagehero .f-pagehero-note { color: #9fb0c3; }

/* ---------- Drobnosti ---------- */
.f-card, .f-hero, .f-test, .f-contact { box-shadow: none; }
.f-group-grid li:hover { border-color: #3d5a80; }