/* Vlastní úpravy nad rámec exportu z Webflow. Načítá se v Base.astro jako poslední, takže přebíjí mctz.webflow.css. Do webflowských souborů se nezasahuje — až se budou čistit, ať je vidět, co je náš zásah a co dědictví. Patička dole i na krátkých stránkách. Webflow s výškou okna nepočítal: na /kontakt/ se na vysokém monitoru vešel celý obsah nad ohyb a pod patičkou zůstal pruh bílého místa. Obal stránky se proto roztáhne aspoň na výšku okna a patička se odsune na jeho konec. Na delších stránkách pravidlo nic nedělá — margin-top: auto přidá výšku jen tam, kde po obsahu ještě zbývá místo. Stránka 404 sem nepatří: ta má vlastní obal .utility-page-wrap s height:100vh a patičku až za ním, takže žádná mezera nevzniká — a protože její je podle Webflow bez třídy, selektor .body ji minie. */ body.body { min-height: 100dvh; display: flex; flex-direction: column; } body.body > .wrapper-pages { display: flex; flex-direction: column; flex: 1 0 auto; /* Webflow dává obalu nad 1440 px max-height: 60 %. Dokud byla výška těla automatická, procento se neuplatnilo; ve flexovém kontextu by se ale mohlo začít počítat a obsah oříznout. */ max-height: none; } body.body > .wrapper-pages > .footer-section { margin-top: auto; } /* Webflow dává .hero-section nad 1440 px margin-top: auto. V blokovém toku se auto počítalo jako nula a nic nedělalo; ve flexovém obalu by si ale hero rozdělilo volné místo s patičkou napůl a obsah /kontakt/ by sjel o kus dolů. Volné místo patří celé patičce. */ body.body > .wrapper-pages > .hero-section { margin-top: 0; }