/* Tento soubor řeší mobilní problémy s subkategoriemi a konvicemi. */

@media (max-width: 767px) {
    /* Prenesené z online Shoptet head: širší textový stlpec v subkategóriách. */
    .subcategories.with-image li a .text {
        width: calc(100% - 80px);
    }

    /* Len na stránke kanvíc vyrovná výšku bloků, aby sa dlhé názvy nerezali. */
    body.in-rychlovarne-kanvice .subcategories.with-image {
        align-items: stretch !important;
    }

    /* Flex kontajner dovolí odkazu vyplniť celý blok subkategórie. */
    body.in-rychlovarne-kanvice .subcategories.with-image li {
        display: flex !important;
    }

    /* Automatická výška nahrádza povodné nízke bloky na mobile. */
    body.in-rychlovarne-kanvice .subcategories.with-image li a {
        height: auto !important;
        min-height: 73px;
        width: 100%;
        align-items: center;
    }

    /* Dlhší názov može mít více riadkov bez orezu. */
    body.in-rychlovarne-kanvice .subcategories.with-image li .text {
        max-height: none !important;
        height: auto !important;
    }

    /* Obrázok sa při dlhom texte nesmie stlačiť. */
    body.in-rychlovarne-kanvice .subcategories.with-image li .image {
        flex-shrink: 0;
    }
}