/* Illustrated recipe thumbnail (widgets/recipe-thumb.blade.php).
 *
 * Stands in for the <img> when a recipe has no photo on disk, so it has to
 * size itself the same way the image did in every frame it appears in.
 *
 * height:100% covers the normal case, where the parent frame sets its own
 * aspect-ratio (.recipe-card > a:first-child and .featured-recipe-figure are
 * both 4:5). When the parent has no definite height, height:100% resolves to
 * auto and the aspect-ratio below takes over instead of collapsing to nothing.
 */

.recipe-thumb-illustration {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #FFF8F0;
}

.recipe-thumb-illustration > svg {
    display: block;
    width: 100%;
    height: 100%;
}