/* =============================================================================
   PÍSMA Z NASTAVENÍ (Trello uopmQTCi, 28. 9. 2026)
   -----------------------------------------------------------------------------
   Backend → Nastavenia → Písma (text, H1 … H6). Premenné --pismo-*-rodina /
   -velkost / -vaha / -farba vypisuje layouts/app.blade.php cez
   App\Support\PismaFrontendu. Označenie „Písmo H2“ v zadaní dizajnu =
   trieda .pismo-h2 (alebo premenné --pismo-h2-*).

   Samostatné časti s vlastným písmom zo zadania (napr. hlavička v Open Sans)
   si ho nastavujú vo svojom súbore a majú prednosť.
   ============================================================================= */
body,
.pismo-text {
    font-family: var(--pismo-text-rodina, var(--font-sans));
    font-size: var(--pismo-text-velkost, 15px);
    font-weight: var(--pismo-text-vaha, 400);
    color: var(--pismo-text-farba, var(--color-text));
}

.pismo-znacka {
    /* Názov značky na dlaždici značky (Trello XxiKNngl, 28. 9. 2026). */
    font-family: var(--pismo-znacka-rodina, inherit);
    font-size: var(--pismo-znacka-velkost, 12px);
    font-weight: var(--pismo-znacka-vaha, 700);
    color: var(--pismo-znacka-farba, inherit);
}

h1, .pismo-h1 {
    font-family: var(--pismo-h1-rodina, inherit);
    font-size: var(--pismo-h1-velkost, 28px);
    font-weight: var(--pismo-h1-vaha, 700);
    color: var(--pismo-h1-farba, inherit);
}

h2, .pismo-h2 {
    font-family: var(--pismo-h2-rodina, inherit);
    font-size: var(--pismo-h2-velkost, 22px);
    font-weight: var(--pismo-h2-vaha, 700);
    color: var(--pismo-h2-farba, inherit);
}

h3, .pismo-h3 {
    font-family: var(--pismo-h3-rodina, inherit);
    font-size: var(--pismo-h3-velkost, 17px);
    font-weight: var(--pismo-h3-vaha, 700);
    color: var(--pismo-h3-farba, inherit);
}

h4, .pismo-h4 {
    font-family: var(--pismo-h4-rodina, inherit);
    font-size: var(--pismo-h4-velkost, 16px);
    font-weight: var(--pismo-h4-vaha, 700);
    color: var(--pismo-h4-farba, inherit);
}

h5, .pismo-h5 {
    font-family: var(--pismo-h5-rodina, inherit);
    font-size: var(--pismo-h5-velkost, 15px);
    font-weight: var(--pismo-h5-vaha, 700);
    color: var(--pismo-h5-farba, inherit);
}

h6, .pismo-h6 {
    font-family: var(--pismo-h6-rodina, inherit);
    font-size: var(--pismo-h6-velkost, 14px);
    font-weight: var(--pismo-h6-vaha, 700);
    color: var(--pismo-h6-farba, inherit);
}

/* Text tlačidla - všetky tlačidlá Frontendu (Trello eZ4Su0qy, 28. 9. 2026):
   .btn (components.css), tlačidlo „Do košíka“ na dlaždici produktu,
   tlačidlá na banneroch (bannery.css, karta uopmQTCi). Súbory
   tlačidiel preto písmo, veľkosť, váhu ani farbu textu nenastavujú.
   Výnimka: .btn-secondary (svetlé pozadie) si nechá tmavú farbu textu. */
.btn,
.dl-tlacidlo,
.bn-tlacidlo,
.pismo-tlacidlo {
    font-family: var(--pismo-tlacidlo-rodina, inherit);
    font-size: var(--pismo-tlacidlo-velkost, 16px);
    font-weight: var(--pismo-tlacidlo-vaha, 700);
    color: var(--pismo-tlacidlo-farba, #FFFFFF);
}

/* Odkaz / Link (Nastavenia → Písma → Ovládacie prvky, Vojto 28. 9. 2026).
   Nie je globálne na každom <a> - trieda .pismo-odkaz sa dáva textovým
   odkazom, pri ktorých to určí zadanie Frontendu. */
.pismo-odkaz {
    font-family: var(--pismo-odkaz-rodina, inherit);
    font-size: var(--pismo-odkaz-velkost, inherit);
    font-weight: var(--pismo-odkaz-vaha, 400);
    color: var(--pismo-odkaz-farba, inherit);
    text-decoration: none;
}

.pismo-odkaz:hover,
.pismo-odkaz:focus-visible {
    text-decoration: underline;
}

/* Cena bez DPH (Nastavenia → E-shop prednastavenia → Dane → Štýl ceny bez
   DPH, Trello x5z6sUe3) - premenné --cena-bez-dph-* vkladá layout. */
.cena-bez-dph {
    display: block;
    font-family: var(--cena-bez-dph-rodina, inherit);
    font-size: var(--cena-bez-dph-velkost, 13px);
    font-weight: var(--cena-bez-dph-vaha, 400);
    color: var(--cena-bez-dph-farba, #6E6E6E);
}