/* Mobilní zobrazení fotografií ve fancyBox 3.5.7.
   JS nastavuje přesnou velikost Visual Viewportu, takže funguje i při
   zvětšení stránky (Page zoom / přístupnost) v Chrome na Androidu. */
@media screen and (max-width: 767px), screen and (pointer: coarse) {
    .fancybox-container {
        width: 100vw;
        height: 100vh;  /* fallback */
        height: 100dvh;
        max-width: none;
        max-height: none;
    }

    .fancybox-container .fancybox-stage,
    .fancybox-container .fancybox-slide {
        max-width: 100%;
        max-height: 100%;
    }

    .fancybox-container .fancybox-slide--image {
        /* Horní ovládání + prostor pro spodní popisek. */
        padding: 50px 8px 72px;
        overflow: hidden;
    }

    .fancybox-container .fancybox-slide--image .fancybox-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .fancybox-container .fancybox-caption {
        box-sizing: border-box;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .fancybox-container .fancybox-caption__body {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}


/* Na telefonu na šířku využijeme více svislého prostoru.
   Ovládací lišta může částečně překrýt volné okolí fotografie,
   samotná fotografie ale zůstává celá viditelná. */
@media screen and (orientation: landscape) and (pointer: coarse) {
    .fancybox-container .fancybox-slide--image {
        padding-top: 38px;
        padding-bottom: 48px;
    }
}