// styleguide-data2.jsx — pokračování auditu: karty, formuláře, dekorace, spacing

window.SG_CARDS = [
  { cls:'.card (+.b-1..b-5)', meta:'projekt bento dlaždice · radius var(--radius-l) 24px · padding 24px · background #1A1A1A · cover background-image · justify-content flex-end',
    hover:'transform translateY(-4px)',
    where:'Homepage bento (5 dlaždic), Projekty stránka (17 dlaždic)', count:'~22×',
    sample:'tylex / rebranding · 2025' },
  { cls:'.card.card--coral', meta:'+ background coral · color ink-2',
    where:'domoplan / livesport / kaučuk karty', count:'3×' },
  { cls:'.card.card--paper', meta:'+ background paper · color ink-2',
    where:'huust / kara / aukro karty', count:'3×' },
  { cls:'.cross (default)', meta:'crossroad karta · radius var(--radius) 14px · padding 32px · border 1px var(--line) · transparent bg',
    hover:'translateY(-6px) · border coral · bg rgba coral .04',
    where:'Crossroads (Home)', count:'~3×' },
  { cls:'.cross.cross--photo', meta:'+ pozadí s rotujícími portréty (CrossPhotoRotator)',
    where:'Crossroads, ServicesCrossroads (O nás)', count:'2×' },
  { cls:'.cross.cross--hero', meta:'+ grid-column 1 / span 2 řádky · gradient coral pozadí',
    where:'Crossroads (Home — Knowhub hero)', count:'1×' },
  { cls:'.cross.cross--projects', meta:'+ overflow:hidden · background #120705 · 604px výška · radial gradients oranžové',
    where:'ServicesCrossroads (Naše projekty hero)', count:'1×',
    note:'specifický pro Services stránku — override .cross--hero placement' },
  { cls:'.cross.cross--stones', meta:'+ stone obrázky deko · pozadí lehce oranžové',
    where:'Crossroads (Schůzka), ServicesCrossroads', count:'2×' },
  { cls:'.cross.cross--light', meta:'+ background #fafaf7 · ink barvy textu',
    where:'ServicesCrossroads (Schůzka)', count:'1×' },
  { cls:'.cross.cross--knowhub', meta:'+ velký .cross__title 88px · cross-kh wrap',
    where:'Crossroads (Home — Knowhub varianta)', count:'1×' },
  { cls:'.cross.cross--meeting', meta:'+ varianta pro schůzku',
    where:'Crossroads', count:'~1×' },
  { cls:'.cross-list-v2', meta:'grid 1.6fr 1fr 1fr · gap 12px · 2-row',
    where:'Crossroads + ServicesCrossroads', count:'2×' },
  { cls:'.svcx3 (uvnitř .cross--projects)', meta:'mosaika 2 case studies · big title · CTA pill',
    where:'ServicesCrossroads', count:'1×' },
  { cls:'.khf-tile', meta:'knowhub feature dlaždice · radius 18px · cover image · expanding lede on hover',
    where:'Knowhub features', count:'~5×' },
  { cls:'.khf2-tile (free / ppp / member / feature)', meta:'lehčí knowhub flat-design dlaždice · left-border accent',
    where:'Knowhub feature grid', count:'~6×' },
  { cls:'.kh2-pod__item', meta:'podcast episode řádek',
    where:'Knowhub pod', count:'~8×' },
  { cls:'.kh2-flag__card / __card--wide', meta:'knowhub flag dlaždice — wide span 2',
    where:'Knowhub', count:'~3×' },
  { cls:'.kh-webinar (list row)', meta:'webinar řádek · grid 160px+1fr+auto',
    where:'Knowhub webinars', count:'~6×' },
  { cls:'.kh-cat-tile', meta:'kategorie dlaždice · čtvercová · stone deko',
    where:'Knowhub categories', count:'~6×' },
  { cls:'.kh2-blog__feat / __row', meta:'blog featured (velký) / row (malý)',
    where:'Knowhub blog', count:'~10×' },
  { cls:'.job (kariera)', meta:'pozice karta · rozbalovací',
    where:'Kariera', count:'~5×' },
  { cls:'.onas-person', meta:'tým karta · čtvercový portrét',
    where:'Onas tým', count:'~20×' },
  { cls:'.kontakt-person', meta:'kontaktní osoba karta',
    where:'KontaktPage', count:'~3×' },
  { cls:'.ja-balik', meta:'JustAsk balíček karta',
    where:'JustaskBaliky', count:'4×' },
  { cls:'.ja-persona', meta:'JustAsk persona karta',
    where:'JustaskPage personas', count:'~4×' },
  { cls:'.ja-step', meta:'JustAsk krok karta',
    where:'JustaskPage', count:'~3×' },
  { cls:'.mom-prog__module', meta:'MoM modul karta rozbalovací',
    where:'MoM program', count:'~9×' },
  { cls:'.mom-lec__card', meta:'MoM lector karta',
    where:'MoM lectors', count:'~6×' },
  { cls:'.mom-for__t (card)', meta:'MoM "for whom" karta',
    where:'MoM for', count:'~4×' },
];

window.SG_FORM_INPUTS = [
  { name:'Native <input> bez třídy',
    meta:'browser default · užitý v MoM, KnowhubEvent (přímo native)',
    where:'mom.jsx (5 inputů), knowhub-event.jsx (8 inputů)',
    count:'~13×',
    note:'BEZ vlastních tříd → defaultní styly · NEKONZISTENCE' },
  { name:'.field input', cls:'.field',
    meta:'div wrapper > label + input · transparent bg · border var(--line) · radius 12px',
    where:'Contact form (home + kontakt), Kariera form', count:'~3×' },
  { name:'.contact-form .field input', cls:'.contact-form .field',
    meta:'+ focus border var(--coral) + bg rgba coral .06',
    where:'Contact (home), KontaktPage', count:'2×' },
  { name:'.ja-field', cls:'.ja-field',
    meta:'JustAsk form field — vlastní layout · label .mono uppercase',
    where:'JustaskPage form', count:'~7×' },
  { name:'.kh2-news__form input', cls:'.kh2-news__form',
    meta:'newsletter input + button — flex pill',
    where:'Knowhub newsletter', count:'1×' },
  { name:'.mom-reg__field', cls:'.mom-reg__field',
    meta:'MoM registrace · label > span + input',
    where:'MoM registration', count:'5×' },
  { name:'.mom-reg__check', cls:'.mom-reg__check',
    meta:'MoM checkbox + souhlas',
    where:'MoM registration', count:'1×' },
  { name:'.khe-form__row label', cls:'.khe-form',
    meta:'KnowhubEvent form — label > .mono + input',
    where:'KnowhubEvent', count:'8 labelů' },
  { name:'.wd-form__fs', cls:'.wd-form__fs',
    meta:'webinar form fieldset · legenda mono · sessions radio',
    where:'WebinarDetail', count:'~3×' },
];

window.SG_FORM_AUX = [
  { cls:'.field-row', meta:'grid 1fr 1fr · gap 16px', where:'contact form layout', count:'~3×' },
  { cls:'.ja-form__row', meta:'~ field-row duplikát', where:'JustaskPage', count:'~3×',
    dup:'≈ .field-row' },
  { cls:'.khe-form__row', meta:'~ field-row duplikát', where:'KnowhubEvent', count:'~3×',
    dup:'≈ .field-row + .ja-form__row' },
  { cls:'.contact-form__note', meta:'11px · color muted · max-width 32ch', where:'Contact', count:'2×' },
  { cls:'.form__note', meta:'11px · color muted · max-width 28ch',
    where:'Kariera form', count:'1×',
    dup:'≈ .contact-form__note (rozdíl jen max-width)' },
  { cls:'.contact-form__sla', meta:'JetBrains Mono 11px · green dot indikátor',
    where:'Contact form', count:'1×' },
  { cls:'.ja-form__consent', meta:'checkbox + label řádek', where:'JustaskPage', count:'1×' },
  { cls:'.contact-form__kicker', meta:'mono 11px coral uppercase', where:'Contact', count:'1×' },
];

window.SG_DECOR = [
  { name:'stone-render-1.png', use:'dekorativní kámen — Crossroads stones',
    where:'crossroads.jsx, services-crossroads.jsx · absolute, rotated, scaled',
    sizes:'200–340px · opacity .25–.6 · rotate 5°–30°',
    count:'~8 instancí' },
  { name:'stone-render-2.png', use:'menší kámen varianta',
    where:'ServicesCrossroads + Knowhub', sizes:'180–300px',
    count:'~4 instancí' },
  { name:'<span className="arrow">↗ / ↓ / →</span>', use:'CTA arrow uvnitř .btn',
    where:'všechna CTA tlačítka', sizes:'22×22 default pill',
    count:'~30 instancí' },
  { name:'.dot / .pulse', use:'green pulse indikátor "Bereme projekty"',
    where:'Hero, Contact (sla)', count:'2 instance' },
  { name:'.eyebrow::before', use:'6×6px coral kulička před eyebrowem',
    where:'všechny .eyebrow', count:'~30×' },
  { name:'sym-* (sym-arrow, sym-plus...)', use:'placeholder třídy v knowhub komponentách',
    where:'knowhub.jsx — pravděpodobně přepsané inline SVG',
    note:'V kódu se užívá inline SVG / unicode šipky, dedikovaný "sym" set jsem nenašel.' },
  { name:'card__num', use:'bílá pill v levém horním rohu karet · "01 / case"',
    where:'projekt karty', count:'~22×' },
  { name:'card__industry', use:'pill v pravém horním rohu — obor',
    where:'projekt karty', count:'~22×' },
];

window.SG_SPACING = [
  { val:'8px', use:'gap mezi mono labelem a hodnotou; mini-gap', count:'~30+×' },
  { val:'10px', use:'gap chip rows, eyebrow dot', count:'~15×' },
  { val:'12px', use:'btn gap, chip gap', count:'~25×' },
  { val:'14px', use:'card paddings · section heads', count:'~20×' },
  { val:'16px', use:'standardní formulářový gap, marginTop:16 (15× pattern)', count:'40+×' },
  { val:'18px', use:'rare', count:'~5×' },
  { val:'20px', use:'medium gap', count:'~20×' },
  { val:'24px', use:'card padding, gap mezi sekcemi malých', count:'40+×' },
  { val:'32px', use:'inner padding karet', count:'~30×' },
  { val:'36px', use:'shell padding (--pad), velký card padding', count:'~50×' },
  { val:'48px', use:'gap mezi velkými sekcemi', count:'~25×' },
  { val:'64px', use:'sec margin', count:'~10×' },
  { val:'80px', use:'sec margin large', count:'~10×' },
  { val:'120px', use:'sec vertical padding', count:'~10×' },
  { val:'140px', use:'sec vertical padding (větší)', count:'~15×' },
];

window.SG_RADII = [
  { val:'var(--radius-s) 8px', use:'malé pill, badges' },
  { val:'var(--radius) 14px', use:'cross karty, card varianty' },
  { val:'var(--radius-l) 24px', use:'.card bento (homepage + projekty)' },
  { val:'999px', use:'pills, buttons, chips, eyebrow dot' },
  { val:'10px', use:'webinar thumbs, kh2-pod thumb' },
  { val:'12px', use:'kh2-pod main thumb, svc-edge cards' },
  { val:'18px', use:'khb feat card · ja-form__v2-tom-photo' },
];

window.SG_OTHER = [
  { name:'.shell', meta:'globální obal · max-width var(--maxw) 1440px · padding var(--pad) 36px',
    where:'všechny sekce', count:'~30×' },
  { name:'data-reveal + style="--reveal-delay: …ms"', meta:'reveal animace controlled by motion-* class na body',
    where:'všude · ~80× použití', count:'~80×',
    note:'častý pattern — funkční, nikoli stylový.' },
  { name:'data-screen-label', meta:'pro comment-anchor, ne pro styl',
    count:'~25×' },
  { name:'em jako kreativní akcent', meta:'em uvnitř titulků = italic + coral + weight ↓',
    where:'~30× v JSX', count:'~30×',
    note:'KONZISTENTNÍ pattern napříč webem — držet.' },
];