/* ---------------------------------------------------------------------------
 * Mobile/responsivity fixes for the FORKED template.
 *
 * This file exists because the original theme is frozen: customers already
 * bought and designed on it, so its look must not change under them. Every
 * rule here is therefore scoped to this fork only. Loaded LAST (after the
 * theme's own stylesheets), so plain specificity is enough - no !important.
 *
 * Note: the themes all <link> a css/complete.css that has never existed, on
 * prod or locally. It 404s everywhere; it is not a build artifact to merge into.
 * ------------------------------------------------------------------------- */

/* --- The photo band between "Náš příběh" and the gallery (#story-bg) --------
 * The lazy loader writes background-image inline and nothing ever set a size,
 * so the band painted the photo at its intrinsic size from the top-left corner.
 * Measured at 390px: background-size:auto, background-position:0% 0% - i.e. the
 * top-left ~390x194 of a 1920x1080 slider image, which is empty sky. That is the
 * "you only see a part of the scenery" artifact; it is wrong at every width, it
 * is just most obvious on a phone. */
.wpo-cta-section {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    /* Below ~200px a cover-cropped landscape photo reads as a smear rather than
     * a scene, so give the band enough height to be legible as an image. */
    .wpo-cta-section { min-height: 220px; }
}