/*============================================================================
   NÁHLED KATEGORIE — skutečná omalovánka v dlaždici rubriky

   Dlaždice měla v ilustračním kolečku (.ill) ikonu 84 px a v ní SVG na
   60 %, tedy kresbu zhruba 50 px. Perokresba v padesáti pixelech je šedý
   flek, takže obrázková varianta (.ill--cover, přidává ji
   wplama_cat_cover_ill) má vlastní rozměr: zaoblený čtverec místo kolečka
   a plocha kolem 168 px.

   Pastelové pozadí zůstává z c-* tříd v 09-sections.css, element má pořád
   i třídu .ill. Kresba na něm leží přes mix-blend-mode: multiply, takže
   bílé pozadí omalovánky s pastelem splyne a nevznikne bílý čtverec
   v barevné dlaždici. Černá kresba zůstane černá.
============================================================================*/

.cat-tile .ill--cover {
    width: 100%;
    max-width: 168px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 2px auto 14px;
    padding: 10px;
    border-radius: 22px;
    overflow: hidden;
}
.cat-tile .ill--cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

/* 404 — šest dlaždic vedle sebe, tam se .ill zmenšuje na 60 px */
.ok-404 .cat-strip .ill--cover {
    max-width: 104px;
    margin: 0 auto 12px;
    padding: 6px;
    border-radius: 16px;
}

/* Homepage: dlaždice „Celý katalog" nemá náhled, ale v řadě s ostatními
   musí mít stejně velký rám, jinak řada vypadá rozbitě. */
.cat-grid .cat-all .ill {
    width: 100%;
    max-width: 168px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 2px auto 14px;
    border-radius: 22px;
}
.cat-grid .cat-all .ill svg {
    width: 44%;
    height: 44%;
}