/* sm-web.css – doplňky ke stylům generátoru (styles.css se needituje; docs/25 › 4, 49c) */

/* Vincent místo obrázků generátoru: prvek si kreslí kruhový medailon sám (režim okno – bílý kruh s tenkým lemem jako okraj původních GIFů);
   obal .vincent proto neořezává (bublina s řečí je nad kruhem). */
/* Rozvržení generátoru se NEMĚNÍ (vlastník 23. 9. 2026: „žádné designové změny, kromě výměny prvku Vincenta"): obal .vincent zůstává kruh
   238 px (aspect-ratio 1 z generátoru), prvek je čtverec bez pruhu bubliny (--vincent-bublina:0) → stejná výška jako původní GIF; bublina
   s řečí se ukáže nad kruhem (proto overflow:visible), jinak nic nepřibývá ani neubývá. Lem kruhu ~1 px (--vincent-okno-lem) = okraj bílého
   kruhu GIFů generátoru; výřez `medailon` a scénky `dolary` / `otaznik` dává nastaveni-webu.json (vlastník 2. 10. 2026: animace jako původní GIFy). */
.vincent{overflow:visible}
.vincent vincent-postava{display:block;width:100%;height:100%;min-height:0;--vincent-bublina:0%;--vincent-okno:#fff;--vincent-okno-ram:#ff6b7a;--vincent-okno-lem:.5%}
.vincent .motion-live,.vincent .motion-still{display:none!important}

/* Vincent v úvodní ilustraci: leží přes červené okénko obrázku; polohu, velikost i ořez (clip-path: path(…) přesně podle tvaru okénka –
   zaoblený obdélník se zkoseným spodkem, viz tvarOkenka v sm-web.js) přepočítává sm-web.js podle skutečné velikosti obrázku. */
.hero-art{position:relative}
.hero-art vincent-postava{position:absolute;display:block;z-index:2;min-height:0}
.hero-art vincent-postava:not([style]){display:none}

/* Odpovědi FAQ z CMS jsou bez tříd (pročištěné HTML) – tabulka parametrů dostane vzhled .specs generátoru. */
.faq-answer dl{display:grid;grid-template-columns:minmax(130px,1fr) 1.2fr;gap:8px 20px;margin-block:14px 24px}
.faq-answer dt{font-weight:600}.faq-answer dd{min-width:0}
@media(max-width:760px){.faq-answer dl{grid-template-columns:1fr;gap:2px}.faq-answer dd{margin-bottom:10px}}

/* Pozastavené animace (tlačítko generátoru): Vincent zůstane v klidu. */
html.motion-paused vincent-postava{pointer-events:none}

/* Odkaz na stav zakázky v poděkování. */
#dialog-body .odkaz-stavu{font-weight:600}