/* Small recipe-card/list bundle for non-recipe pages with a recipe widget. */
:root { --ozb-rcp-main:#c11919; }

.cooked-icon {
	display:inline-block;
	width:1em;
	height:1em;
	vertical-align:-.12em;
	background-color:currentColor;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:contain;
	mask-size:contain;
}
.cooked-icon-fw { width:1.28em; }
.cooked-icon-heart {
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.7-5-9.6-9.2A5.3 5.3 0 0 1 12 6.4a5.3 5.3 0 0 1 9.6 4.9c-1.9 4.2-9.6 9.2-9.6 9.2z'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.7-5-9.6-9.2A5.3 5.3 0 0 1 12 6.4a5.3 5.3 0 0 1 9.6 4.9c-1.9 4.2-9.6 9.2-9.6 9.2z'/%3E%3C/svg%3E");
}
.cooked-favorited .cooked-icon-heart,
.cooked-favorite-heart.cooked-favorited .cooked-icon-heart {
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.4-5.4-10.4-10A5.8 5.8 0 0 1 12 6.1 5.8 5.8 0 0 1 22.4 11c-2 4.6-10.4 10-10.4 10z'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.4-5.4-10.4-10A5.8 5.8 0 0 1 12 6.1 5.8 5.8 0 0 1 22.4 11c-2 4.6-10.4 10-10.4 10z'/%3E%3C/svg%3E");
}

.cooked-recipe-grid { display:flex; flex-wrap:wrap; margin:1.5em -1.5% .5em; }
.cooked-recipe-grid .cooked-recipe {
	position:relative;
	box-sizing:border-box;
	background:#fff;
	border-radius:6px;
	overflow:hidden;
	box-shadow:0 2px 14px rgba(0,0,0,.08);
	margin:0 1.5% 3%;
}
.ozb-rcp-widget-grid .cooked-recipe { width:97%; }
.cooked-recipe-card-image {
	display:block;
	padding-bottom:75%;
	background-size:cover;
	background-position:center;
	background-color:#f0f0f0;
}
.cooked-recipe .cooked-favorite-heart {
	position:absolute;
	top:10px;
	right:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.2em;
	height:2.2em;
	border-radius:50%;
	background:rgba(255,255,255,.92);
}
.cooked-recipe-card-content { display:block; text-align:center; padding:1.1em 1em 1.3em; }
.cooked-recipe-card-content .cooked-rating { display:block; margin-bottom:.4em; }
.cooked-rating-stars { display:inline-flex; gap:1px; line-height:1; }
.cooked-rating-star { color:#d5d5d5; cursor:pointer; font-size:15px; line-height:1; user-select:none; }
.cooked-rating-star.is-filled { color:#e6a817; }
.cooked-rating-text { display:block; margin-top:.35em; font-size:.82em; opacity:.75; }
.cooked-recipe-card-title { display:block; margin:.15em 0 .6em; color:inherit; font-size:1.05em; font-weight:700; line-height:1.35; text-decoration:none; }
.cooked-recipe-card-title:hover { color:var(--ozb-rcp-main); }
.cooked-recipe-card-sep { display:block; width:34px; height:3px; margin:0 auto .7em; background:rgba(0,0,0,.15); }
.cooked-recipe:hover .cooked-recipe-card-sep { background:var(--ozb-rcp-main); }
.cooked-recipe-card-author { display:block; font-size:.85em; opacity:.7; }

.cooked-shortcode-recipe-list { margin:0 auto 1rem; }
.cooked-shortcode-recipe-list .cooked-srl-single { position:relative; display:block; box-sizing:border-box; margin:0 0 1rem; padding:.6rem 0 0; border-top:1px solid rgba(0,0,0,.15); }
.cooked-shortcode-recipe-list .cooked-srl-single:first-child { padding-top:0; border-top:0; }
.cooked-shortcode-recipe-list .cooked-srl-single.cooked-srl-has-image { min-height:3.75rem; padding-left:4rem; }
.cooked-shortcode-recipe-list .cooked-srl-single.cooked-srl-has-image:first-child { min-height:3rem; }
.cooked-shortcode-recipe-list .cooked-srl-image { margin:0; padding:0; }
.cooked-shortcode-recipe-list .cooked-srl-image img { position:absolute; top:.9rem; left:0; display:block; width:3rem; height:3rem; margin:0; padding:0; border-radius:3px; object-fit:cover; }
.cooked-shortcode-recipe-list .cooked-srl-single:first-child .cooked-srl-image img { top:0; }
.cooked-shortcode-recipe-list .cooked-srl-content { margin:0; padding:0; line-height:1.4rem; }
.cooked-shortcode-recipe-list .cooked-srl-title { display:block; margin:.25rem 0; font-size:1rem; font-weight:600; line-height:1.4rem; }
.cooked-shortcode-recipe-list .cooked-srl-title a { text-decoration:none; }
.cooked-shortcode-recipe-list .cooked-srl-title a:hover { color:var(--ozb-rcp-main); }
.cooked-shortcode-recipe-list .cooked-srl-author { margin:.25rem 0; font-size:.9rem; line-height:1.4rem; opacity:.75; }