/* Funkce Google a Zdraví webu: Mezery v obsahu, Údaje firmy, Rychlost webu, Kontrola textu, Zdraví webu konkurentů, Odkazy.
   Třídy mají předponu fg-. Barvy jen z proměnných zaklad.css, rohy 2 až 4 px, linky 1 px, žádné stíny (vzhled aplikace). */

.fg-uvod { margin: 0 0 12px; max-width: 78ch; color: var(--inkoust-2); }
.fg-pozn { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: var(--tlumeny); max-width: 78ch; }
.fg-pozn.fg-blok { display: block; margin: 2px 0 0; }
.fg-odsazene { padding: 10px 14px 12px; margin: 0; }
.fg-bez-okraje { margin-top: 0; }
.fg-tlumene { color: var(--tlumeny); }
.fg-zalamovat { overflow-wrap: anywhere; white-space: pre-line; }
.fg-akce { margin: 12px 0 0; }
.fg-akce form { margin: 0; }

.fg-seznam-maly { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.45; }
.fg-seznam-maly li { margin: 0 0 2px; overflow-wrap: anywhere; }
.fg-poznamky { margin: 12px 0 0; }

/* tlačítko ve formuláři uvnitř buňky tabulky nemá okraje navíc */
.fg-radek-formular { margin: 0; }
.fg-radek-formular .tlacitko { margin: 0; }

/* kontrolní seznam profilů */
.fg-kontrolni-seznam { list-style: none; margin: 0 0 14px; padding: 0; border: 1px solid var(--linka); border-radius: var(--polomer); background: var(--karta); }
.fg-kontrolni-seznam li { padding: 10px 14px; border-bottom: 1px solid var(--linka-jemna); }
.fg-kontrolni-seznam li:last-child { border-bottom: 0; }
.fg-kontrolni-seznam .pole { margin: 0; }

/* kontrola textu */
.fg-dva-sloupce { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.fg-dva-sloupce form .pole textarea { font-family: var(--pisma); }
.fg-vysledek h3 { margin: 0 0 8px; font-size: 15px; }
.fg-vysledek h3:not(:first-child) { margin-top: 18px; }
.fg-nalezy, .fg-ok, .fg-fakta { list-style: none; margin: 0; padding: 0; }
.fg-nalez { margin: 0 0 8px; padding: 10px 12px; border: 1px solid var(--linka); border-left-width: 3px; border-radius: var(--polomer); background: var(--karta); }
.fg-nalez p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.45; }
.fg-nalez-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.fg-nalez-kriticke { border-left-color: var(--cervena); }
.fg-nalez-vazne { border-left-color: var(--akcent); }
.fg-nalez-drobne { border-left-color: var(--linka-silna); }
.fg-ok li, .fg-fakta li { position: relative; margin: 0 0 6px; padding-left: 18px; font-size: 13.5px; line-height: 1.45; }
.fg-ok li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 8px; height: 8px; background: var(--zelena); }
.fg-fakta li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 8px; height: 8px; background: var(--linka-silna); }

/* rozcestník dalších kontrol na Zdraví webu */
.fg-dlazdice { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fg-dlazdice-polozka { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 12px 14px; border: 1px solid var(--linka); border-radius: var(--polomer); background: var(--pozadi-jemne); color: inherit; text-decoration: none; }
.fg-dlazdice-polozka:hover { border-color: var(--akcent); background: var(--karta); }
.fg-dlazdice-polozka:focus-visible { outline: 2px solid var(--akcent); outline-offset: 2px; }
.fg-dlazdice-hlava { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.fg-dlazdice-popis { font-size: 13px; line-height: 1.45; color: var(--tlumeny); }

@media (max-width: 760px) {
  .fg-dva-sloupce { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .fg-dlazdice { grid-template-columns: minmax(0, 1fr); }
}