/* Štýl editora Rodinnej kuchárky (Recepty v knihe, potvrdenie načítania témy) – načíta sa iba na stránkach kuchárky na 6 weboch
   (scripts/rodinna-kucharka.py → cfg css, generuj-web.py kucharka_page, jazykove-verzie.py kucharka_stranka). Koordinácia 10. 11. 2026
   (Codex z poverenia): každá zmena styl.css mení odtlačok na ~21 000 stránkach, preto CSS knihy postupne sem; prvý krok iba nové štýly
   editora, ktoré tlač ani náhľad strán nepotrebujú (tlačová kniha a náhľad obálky ostávajú v styl.css – berie ich aj render na tlač). */
/* recepty v knihe (majiteľ 10. 11. 2026 cez Codex): prehľad so zaškrtnutím v kroku 2 – skupiny kuchárka a výber z webu, hromadne vynechať
   alebo zaradiť; odškrtnutý recept prečiarknutý; riadky aspoň 40 px na dotyk */
.rk-rv { margin: 12px 0; border: 1px solid var(--line); border-radius: var(--r); background: #fff; }
.rk-rv-sum { padding: 12px 14px; font: 700 .95rem/1.3 var(--sans); cursor: pointer; }
.rk-rv-telo { padding: 0 14px 12px; }
.rk-rv-pozn { margin: 0 0 6px; }
.rk-rv-sk { margin: 10px 0 0; }
.rk-rv-hl { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 0 4px; }
.rk-rv-zoz { list-style: none; margin: 0; padding: 0; max-height: 340px; overflow-y: auto; }
.rk-rv-r { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 4px 2px; border-bottom: 1px solid var(--line-soft); cursor: pointer; }
.rk-rv-r input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--accent); }
.rk-rv-r input:not(:checked) + .rk-rv-n { color: var(--muted); text-decoration: line-through; }
.rk-rv-prazdna { margin: 10px 0 0; color: #a92a20; font-weight: 600; }
.rk-rv-prazdna[hidden] { display: none; }
.rk-rv-pridat { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 2px 0 8px; }
.rk-rv-pridat select { flex: 1 1 200px; min-width: 0; min-height: 40px; }
.rk-rv-pridat .rk-rv-stav { flex: 1 1 100%; font-size: .85rem; color: #1e6a35; }
.rk-rv-pridat .rk-rv-stav:empty { display: none; }
.rk-vyb-moje { margin: 4px 0 8px; font-size: .9rem; }
/* pred načítaním témy do knihy, v ktorej už niečo je: čo sa nahradí a čo ostane (spresnenie majiteľa 10. 11. 2026) */
.rk-tema-potvrd { margin: 10px 0; padding: 12px 14px; border: 1px solid var(--accent); border-radius: var(--r); background: #fff; }
.rk-tema-potvrd[hidden] { display: none; }
.rk-tema-potvrd p { margin: 0 0 6px; }
.rk-tema-potvrd-h { font-weight: 700; }
.rk-tema-potvrd-tl { margin: 8px 0 0 !important; }
/* Vianoce u nás – ukážky strán a tri kroky v kroku 1 (etapa Od receptu ku knihe, bod 4, 10. 11. 2026): strany z renderu na tlač
   (na-mieru-kniha-strany.py --vianoce) v posúvanom páse, pod nimi veta, že nejde o fotografiu vytlačeného kusu; farby šablóny V */
.rk-vu { margin: 14px 0 4px; border: 1px solid #e2c793; border-radius: var(--r); background: #fbf4e7; }
.rk-vu > summary { padding: 12px 14px; font: 700 .95rem/1.3 var(--sans); color: #7e171d; cursor: pointer; }
.rk-vu > :not(summary) { margin-left: 14px; margin-right: 14px; }
.rk-vu-p { margin-top: 0; margin-bottom: 8px; }
.rk-vu-gal { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
.rk-vu-gal a { flex: 0 0 auto; scroll-snap-align: start; border-radius: 4px; }
.rk-vu-gal img { display: block; width: 132px; height: auto; border-radius: 4px; box-shadow: 0 1px 4px rgba(60, 30, 20, .25); }
.rk-vu-pozn { margin-top: 2px; margin-bottom: 8px; font-size: .85rem; }
.rk-vu-kroky { margin-top: 0; margin-bottom: 8px; padding-left: 1.3em; }
.rk-vu-kroky li { margin: 3px 0; }
.rk-vu-cena { margin-top: 0; margin-bottom: 4px; font-size: .92rem; }
.rk-vu .rk-akcie { margin-top: 10px; margin-bottom: 14px; }
@media (max-width: 420px) { .rk-vu-gal img { width: 112px; } }
/* Čo sme varili (etapa Od receptu ku knihe, bod 5; sablona/kucharka-varili.js): malý prehľad nad hľadaním v kuchárke – uvarené recepty,
   naše verzie a kniha; na počítači časti vedľa seba, na mobile pod sebou; riadky aspoň 40 px na dotyk */
.csv { margin: 14px 0 18px; padding: 16px 16px 10px; border: 1px solid var(--line-2); border-radius: var(--r); background: #fff; }
.csv h3 { margin: 0 0 6px; }
.csv-casti { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 4px 24px; }
.csv-blok h4 { margin: 10px 0 2px; font: 700 .95rem/1.3 var(--sans); color: var(--text-2); }
.csv-blok ul { margin: 0; padding: 0; list-style: none; }
.csv-blok li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-height: 40px; padding: 8px 0; border-top: 1px solid var(--line); box-sizing: border-box; }
.csv-blok li > a, .csv-otvor { font-weight: 600; text-align: left; }
.csv-meta { color: var(--muted); font-size: .86rem; }
.csv-meta a { color: inherit; }
.csv-pozn { margin: 8px 0 0; color: var(--muted); font-size: .86rem; }
/* Môj účet → Pridať recept vedie na #pridat-recept (tlačidlá Odfotiť / Napísať recept) – pod lepiacou hlavičkou */
#pridat-recept { scroll-margin-top: 96px; }
/* venovanie pri názve knihy (zadanie Codexu 11. 11. 2026 Z3, backlog e837889b4): akcia Pridať/Upraviť venovanie pod názvom, kde sa venovanie
   tlačí, príklad podpisu, počítadlo znakov a viditeľné upozornenie pri limite alebo skrátenom vloženom texte */
.rk-ven-riadok { margin: -4px 0 10px; }
.rk-ven-tl { font-weight: 600; }
.rk-venovanie[data-rk-venovanie] { margin: 0 0 14px; }
.rk-ven-pozn { margin: 0; font-size: .85rem; color: var(--muted); }
.rk-ven-tip { font: 400 .8rem/1.35 var(--sans); color: var(--muted); }
.rk-ven-pocet { align-self: flex-end; font: 400 .78rem/1.3 var(--sans); color: var(--muted); }
.rk-ven-pocet.rk-ven-plne { align-self: stretch; color: #a92a20; font-weight: 600; }
.rk-ven-zadna { margin: 8px 0 0; }
.rk-ven-zadna[hidden] { display: none; }
/* recept hlasom v editore (C2 krok 1, vlákno Bez reklám 11. 11. 2026): rad tlačidiel, veta o nahrávke a stav nahrávania */
.rk-hlas { display: grid; gap: 8px; border: 1px dashed var(--line); border-radius: var(--r-sm); padding: 12px; }
.rk-hlas-akcie { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; }
.rk-hlas .rk-pozn { margin: 0; }
.rk-hlas .rk-pozn:empty { display: none; }
.rk-hlas-stav { font-weight: 600; }
/* hlasové spomienky v okne čítania receptu (C2 krok 2, 12. 11. 2026): zoznam s Prehrať · Stiahnuť · Zmazať, panel nahrávania so súhlasom */
.rk-hs { display: grid; gap: 10px; border: 1px dashed var(--line); border-radius: var(--r-sm); padding: 12px; }
.rk-cit .rk-hs h3 { margin: 0; }
.rk-hs .rk-pozn { margin: 0; }
.rk-hs .rk-pozn:empty { display: none; }
.rk-cit .rk-hs-zoznam { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rk-hs-pol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.rk-hs-popis { flex: 1 1 180px; overflow-wrap: anywhere; }
.rk-hs-akcie { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.rk-hs audio { display: block; flex-basis: 100%; width: 100%; max-width: 420px; }
.rk-hs-nahr, .rk-hs-hotova { display: grid; gap: 10px; }
.rk-hs-uprava { display: grid; gap: 8px; flex-basis: 100%; }
.rk-hs-kto { display: grid; gap: 4px; font-size: .92rem; }
.rk-hs-kto input { max-width: 360px; }
.rk-hs-suhlas { display: flex; align-items: flex-start; gap: 10px; font-size: .92rem; line-height: 1.4; }
.rk-hs-suhlas input { flex: none; width: 20px; height: 20px; margin: 1px 0 0; }
.rk-hs-stav { font-weight: 600; }
@media (pointer: coarse) {
  .rk-hs-akcie .linkbtn { padding-top: 10px; padding-bottom: 10px; }
}
/* spoločná kniha (C6, E1, 12. 11. 2026): časť pod panelom Vaša kniha, okno knihy, prijatie pozvania a Poslať do spoločnej knihy pri recepte */
.rk-ks { display: grid; gap: 10px; margin: 18px 0 0; border: 1px solid var(--line); border-radius: var(--r-sm); padding: 14px 16px; background: #fff; }
.rk-ks h3 { margin: 0; }
.rk-ks .rk-pozn, .rk-ks-rec .rk-pozn, .rk-ks-okno .rk-pozn { margin: 0; }
.rk-ks .rk-pozn:empty, .rk-ks-rec .rk-pozn:empty, .rk-ks-okno .rk-pozn:empty, .rk-ks-prijat .rk-pozn:empty { display: none; }
.rk-ks-knihy, .rk-cit .rk-ks-recepty, .rk-ks-recepty, .rk-ks-clenovia { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rk-ks-knihy li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.rk-ks-knihy li b { flex: 1 1 160px; overflow-wrap: anywhere; }
.rk-ks-recepty li, .rk-ks-clenovia li { overflow-wrap: anywhere; }
.rk-ks-zaloz, .rk-ks-posli, .rk-ks-pozvanka, .rk-ks-koniec { display: grid; gap: 10px; }
.rk-ks-rec { display: grid; gap: 8px; border: 1px dashed var(--line); border-radius: var(--r-sm); padding: 12px; }
.rk-cit .rk-ks-rec h3 { margin: 0; }
.rk-ks-v-knihe .rk-hlas-akcie { gap: 4px 16px; }
.rk-ks-suhlas { align-items: flex-start; font-size: .92rem; line-height: 1.4; }
.rk-ks-fotky { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.rk-ks-fotky legend { padding: 0; margin: 0 0 6px; font-size: .92rem; }
.rk-ks-fotky label { display: flex; align-items: center; gap: 8px; }
.rk-ks-fotky img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; }
.rk-ks-odkaz { display: grid; gap: 8px; }
.rk-ks-odkaz input { width: 100%; font: inherit; font-size: .9rem; }
.rk-ks-zrusit { color: #a92a20; }
.rk-ks-dosledok { font-size: .9rem; }
/* spoločná kniha E2: recepty po kapitolách a úprava kapitol a venovania (koordinátor) */
.rk-ks-kap-h { margin: 6px 0 -2px; font: 700 .95rem/1.3 var(--sans); }
.rk-ks-kap { display: grid; gap: 12px; border: 1px dashed var(--line); border-radius: var(--r-sm); padding: 12px; }
.rk-ks-kap .rk-pozn { margin: 0; }
.rk-ks-kap-c { display: grid; gap: 6px; padding: 8px 0 0; border-top: 1px solid var(--line); }
.rk-ks-kap-c h4 { margin: 0; font-size: .95rem; }
.rk-ks-kap-c > .rk-hlas-akcie input { flex: 1 1 200px; min-width: 0; font: inherit; }
.rk-ks-kap-r { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rk-ks-kap-r li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.rk-ks-kap-r li span { flex: 1 1 160px; overflow-wrap: anywhere; }
.rk-ks-kap-r select { max-width: 100%; font: inherit; }
/* dotyk – editor knihy otvorený aj z aplikácie v SFSafariViewController / Custom Tabs (tlač z aplikácií, otázka 12 v poverenie-codex,
   11. 11. 2026): ciele aspoň 40 px – × pri recepte výberu a textové tlačidlá panela Vaša kniha (výška aj s neviditeľným okrajom,
   rozloženie sa nemení) */
@media (pointer: coarse) {
  #moja-kniha .rk-vyb-x { width: 40px; height: 40px; }
  #moja-kniha .linkbtn { padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px; }
}
/* tlač z aplikácie (otázka 12, dohoda s vláknami aplikácií 11. 11. 2026): lišta Späť do aplikácie dole, nad lištou prehliadača v aplikácii
   a nad spodným okrajom displeja (safe area); stránka má dole miesto, aby lišta nič neprekryla */
.rk-z-apl { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 6px 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fffdf9; border-top: 1px solid var(--line);
  box-shadow: 0 -2px 8px rgba(43, 32, 29, .1); font: 400 .9rem/1.35 var(--sans); text-align: center; }
.rk-z-apl .btn { min-height: 44px; }
html.rk-z-aplikacie body { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
/* z aplikácie bez digitálneho nákupu (App Store 3.1.1, platby Google Play; Codex 922cb89b5): ponuka balíka, Kúpiť, správa predplatného
   a odpoveď s cenou balíka ostanú skryté, aj keby ich niektorý skript odkryl – ostáva iba tlačená kniha */
html.rk-z-aplikacie [data-rk-ponuka], html.rk-z-aplikacie [data-rk-kupit], html.rk-z-aplikacie [data-rk-portal],
html.rk-z-aplikacie [data-rk-faq-predaj] { display: none !important; }
@media (pointer: coarse) { #moja-kniha .rk-ov-lupa { min-height: 40px; } }
