/* Flavorfulside Recipes card - iambaker layout (800 px column on computers, full width with 16 px gutters on phones) */
.flavorful-recipe {
	--fr-text: #433e3e;
	--fr-link: #587570;
	--fr-soft: #f7f5f5;
	--fr-heading: var(--fft-heading-font, "DejaVu Sans", Verdana, sans-serif);
	color: var(--fr-text);
	margin: 32px 0;
	text-align: left;
	font-size: 17px;
	line-height: 1.6;
	clear: both;
}
.flavorful-recipe *, .flavorful-recipe *::before, .flavorful-recipe *::after { box-sizing: border-box; }

/* header: the round photo sits across the top edge of the grey block */
.flavorful-recipe.fr-has-photo { padding-top: 150px; }
.flavorful-recipe .fr-header { background: var(--fr-soft); text-align: center; padding: 0 32px 32px; }
.flavorful-recipe.fr-has-photo .fr-header { background: linear-gradient(to bottom, transparent 171px, var(--fr-soft) 171px); }
.flavorful-recipe .fr-image { margin-top: -150px; }
.flavorful-recipe .fr-photo { display: block; width: 343px; max-width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; margin: 0 auto 16px; box-shadow: 0 2px 8px rgba(67, 62, 62, .15); }
.flavorful-recipe:not(.fr-has-photo) .fr-header { padding-top: 32px; }

.flavorful-recipe .fr-rating { color: var(--fr-text); line-height: 1.6; }
.flavorful-recipe .fr-stars { display: inline-flex; gap: 0; vertical-align: middle; color: #000; }
.flavorful-recipe .fr-star { display: inline-block; width: 19px; height: 22px; }
.flavorful-recipe .fr-rating-details { font-size: 13.6px; line-height: 1.6; text-transform: uppercase; }

.flavorful-recipe .fr-title { font-family: var(--fr-heading); font-size: 32px; font-weight: 900; line-height: 1.1; margin: 0; padding: 32px 0; color: var(--fr-text); text-transform: none; letter-spacing: 0; }

.flavorful-recipe .fr-times { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 32px; }
.flavorful-recipe .fr-time { flex: 1 1 0; min-width: 120px; padding: 0; border-left: 1px solid var(--fr-text); font-size: 13px; line-height: 1.6; text-transform: uppercase; }
.flavorful-recipe .fr-time:first-child { border-left: 0; }
.flavorful-recipe .fr-label { display: block; font-weight: 900; }
.flavorful-recipe .fr-value { display: block; }

.flavorful-recipe .fr-summary { margin: 0 0 32px; }
.flavorful-recipe .fr-summary p { margin: 0; }

.flavorful-recipe .fr-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.flavorful-recipe .fr-button,
.flavorful-recipe .fr-button:visited { display: inline-block; width: auto; height: auto; min-width: 0; margin: 0; background: #fff; color: #333; border: 1px solid var(--fr-text); border-radius: 0; padding: 12px; font: inherit; font-size: 17px; font-weight: 600; line-height: 1.4; text-decoration: none; text-transform: none; letter-spacing: 0; cursor: pointer; box-shadow: none; }
.flavorful-recipe .fr-button:hover, .flavorful-recipe .fr-button:focus-visible { background: var(--fr-soft); color: #333; }
.flavorful-recipe .fr-button:focus-visible { outline: 2px solid var(--fr-text); outline-offset: 2px; }
.flavorful-recipe .fr-save.fe-heart { gap: 0; }
.flavorful-recipe .fr-save .icon, .flavorful-recipe .fr-save .fe-heart-count { display: none; }

/* white sections inside an 8 px grey frame */
.flavorful-recipe .fr-section { background: #fff; padding: 24px; border: 8px solid var(--fr-soft); border-top: 0; margin: 0; }
.flavorful-recipe .fr-section-title { font-family: var(--fr-heading); font-size: 32px; font-weight: 700; line-height: 1.1; margin: 0 0 16px; padding: 0; color: var(--fr-text); text-transform: none; letter-spacing: 0; }
.flavorful-recipe .fr-group, .flavorful-recipe .fr-meta { margin: 0; }
.flavorful-recipe .fr-header > div:not(.fr-image) { margin-top: 0; }
.flavorful-recipe .fr-group-name { font-family: var(--fr-heading); font-size: 20px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; padding: 0; color: var(--fr-text); text-transform: none; }

.flavorful-recipe .fr-ingredient-list, .flavorful-recipe .fr-equipment-list { list-style: none; margin: 0 0 32px; padding: 0; }
.flavorful-recipe .fr-ingredient, .flavorful-recipe .fr-equipment-list li { position: relative; margin: 0; padding: 0 0 8px 0; list-style: none; }
.flavorful-recipe .fr-ingredient:last-child { padding-bottom: 0; }
.flavorful-recipe.fr-has-checkboxes .fr-ingredient { padding-left: 32px; }
.flavorful-recipe:not(.fr-has-checkboxes) .fr-ingredient-list { list-style: disc; padding-left: 32px; }
.flavorful-recipe:not(.fr-has-checkboxes) .fr-ingredient { list-style: inherit; }
.flavorful-recipe .fr-check-wrap { position: absolute; left: 0; top: 5px; width: 16px; height: 16px; line-height: 0; }
.flavorful-recipe .fr-check { width: 16px; height: 16px; margin: 0; padding: 0; accent-color: var(--fr-text); cursor: pointer; vertical-align: top; }

.flavorful-recipe .fr-step-list { margin: 0 0 32px; padding: 0 0 0 32px; list-style: decimal; }
.flavorful-recipe .fr-step { margin: 0; padding: 0 0 8px; list-style: inherit; }
.flavorful-recipe .fr-step:last-child { padding-bottom: 0; }
.flavorful-recipe .fr-step img, .flavorful-recipe .fr-notes-body img { display: block; max-width: 100%; height: auto; margin: 8px 0; }
.flavorful-recipe .fr-notes-body p { margin: 0 0 8px; }
.flavorful-recipe .fr-notes-body > :last-child { margin-bottom: 0; }
.flavorful-recipe .fr-section a { color: var(--fr-link); }

/* video: picture first, the player loads on click */
.flavorful-recipe .fr-video-frame { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.flavorful-recipe .fr-video-play { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: #000; cursor: pointer; }
.flavorful-recipe .fr-video-play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.flavorful-recipe .fr-video-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 0; }
.flavorful-recipe .fr-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.flavorful-recipe .fr-video-frame--embed { aspect-ratio: auto; background: none; }
.flavorful-recipe .fr-video-frame--embed iframe { position: static; aspect-ratio: 16 / 9; height: auto; }

/* nutrition and details */
.flavorful-recipe .fr-footer { font-size: 13px; line-height: 1.6; }
.flavorful-recipe .fr-button.fr-nutrition-toggle { margin: 0 0 16px; line-height: 19px; }
.flavorful-recipe .fr-nutrition-list { margin: 0 0 16px; font-size: 13px; }
.flavorful-recipe .fr-nutrition-list[hidden] { display: none; }
.flavorful-recipe .fr-meta-line { margin: 0; font-size: 13px; line-height: 1.6; }

/* "Did you make this recipe?" */
.flavorful-recipe .fr-cta { position: relative; overflow: hidden; background: var(--fr-soft); padding: 32px; line-height: 1.4; }
.flavorful-recipe .fr-cta-icon { position: absolute; right: 16px; top: 8px; width: auto; max-width: 160px; height: auto; max-height: calc(100% - 16px); opacity: .5; pointer-events: none; }
.flavorful-recipe .fr-cta-title { font-family: var(--fr-heading); font-size: 32px; font-weight: 900; line-height: 1.1; margin: 0 0 8px; max-width: 543px; }
.flavorful-recipe .fr-cta-text { margin: 0; max-width: 543px; }
.flavorful-recipe .fr-cta a { color: var(--fr-link); text-decoration: underline; }

/* star choice in the comment form */
.ffr-comment-rating { border: 0; margin: 0 0 16px; padding: 0; }
.ffr-comment-rating legend { font-weight: 700; padding: 0; margin: 0 0 4px; }
.ffr-stars-input { display: inline-flex; color: #433e3e; }
.ffr-stars-input input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.ffr-stars-input label { cursor: pointer; padding: 2px; line-height: 0; margin: 0; }
.ffr-stars-input svg { fill: none; transition: fill .1s; }
.ffr-stars-input:has(input:checked:not(.ffr-rating-none)) label svg,
.ffr-stars-input:hover label svg { fill: currentColor; }
.ffr-stars-input input:checked + label ~ label svg,
.ffr-stars-input label:hover ~ label svg { fill: none; }
.ffr-stars-input input:focus-visible + label { outline: 2px solid currentColor; outline-offset: 1px; }
.ffr-comment-stars { margin: 0 0 4px; color: #433e3e; line-height: 0; }

@media (max-width: 767px) {
	div.flavorful-recipe { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); max-width: none; }
	.flavorful-recipe .fr-header { padding: 0 32px 32px; }
	.flavorful-recipe .fr-title { font-size: 28px; }
	.flavorful-recipe .fr-time { flex: 0 0 50%; min-width: 0; padding: 0; margin: 0 0 16px; }
	.flavorful-recipe .fr-time:nth-child(odd) { border-left: 0; }
	.flavorful-recipe .fr-section { padding: 24px 16px; }
	.flavorful-recipe .fr-section-title, .flavorful-recipe .fr-cta-title { font-size: 28px; }
	.flavorful-recipe .fr-cta { padding: 32px; }
	.flavorful-recipe .fr-cta-icon { max-width: 100px; }
}
@media print {
	.flavorful-recipe .fr-buttons, .flavorful-recipe .fr-check-wrap, .flavorful-recipe .fr-nutrition-toggle, .flavorful-recipe .fr-video, .flavorful-recipe .fr-cta { display: none; }
	.flavorful-recipe .fr-nutrition-list[hidden] { display: block; }
}
/* the theme's in-card ad space between ingredients and instructions keeps the white frame */
.flavorful-recipe > .ad-slot { background: #fff; border: 8px solid var(--fr-soft); border-top: 0; margin: 0; padding: 8px 0; text-align: center; }