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

/* Medailony (slevy, „Potřebujete poradit?") jsou od W1 zase původní GIFy generátoru (K2-09, vlastník 29. 10. 2026) – žádné přepisy stylů;
   kdyby nastaveni-webu.json vrátil prvek (vincent.sleva / vincent.poradit), dostane obal třídu .sm-medailon a platí pravidla níž. */
.vincent.sm-medailon{overflow:visible}
.vincent.sm-medailon 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.sm-medailon .motion-live,.vincent.sm-medailon .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}

/* Sekce webu skryté v aplikaci (Web › Sekce webu, 30. 10. 2026): `hidden` musí vyhrát i nad display ze stylů generátoru (grid, flex). */
[data-sekce][hidden], [data-sekce-odkaz][hidden] { display: none !important; }