/*
Theme Name: Online Recipes
Author: ThemeGrill
Author URI: https://themegrill.com/
Description: Online Recipes is a WordPress block theme for cinematic cooking academies, recipe courses, and chef-led masterclasses. It ships with purpose-built block patterns for course listings, chefs, pricing, FAQs, testimonials, and more — making it easy to launch a professional cooking school site without writing code. Fully compatible with Masteriyo LMS for course management, lessons, quizzes, student profiles, and enrollment.
Requires at least: 6.9
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: online-recipes
Tags: food-and-drink, education, blog, full-site-editing, block-patterns, block-styles, custom-colors, custom-menu, custom-logo, editor-style, featured-images, flexible-header, one-column, two-columns, three-columns, threaded-comments, translation-ready, wide-blocks
*/
html,
body,
.wp-block-post-author__avatar,
.wp-block-social-links,
.wp-block-post-excerpt__excerpt,
.wp-block-separator {
  margin: 0;
  padding: 0;
}

/* `overflow-x: hidden` here would make body a scroll container, which kills
   `position: sticky` for every descendant. `clip` crops the same overflow
   without creating one; `hidden` stays first as the fallback for browsers
   that do not support `clip`. */
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
}

.no-margin-top {
  margin-top: 0 !important;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}

body {
  font-smooth: auto;
  font-smooth: inherit;
  -webkit-font-smoothing: inherit;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading,
.wp-block-post-title,
.wp-block-site-title {
  font-family: "Playfair Display", Georgia, serif;
}

.wp-site-blocks > .wp-block-group {
  margin-block-start: 0;
}

.wp-block-columns {
  margin-block-start: 0;
  margin-block-end: 0;
}

.wp-block-cover {
  margin-block-start: 0;
  margin-block-end: 0;
}

.wp-site-blocks > header,
.wp-site-blocks > footer {
  margin-block-start: 0;
}

.online-recipes-footer {
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-footer__columns {
  margin-bottom: 0;
}

.online-recipes-footer__brand {
  max-width: 18rem;
}

/* Typography lives on the block itself; this only carries the shrink-to-fit
   box and the hover state that block attributes cannot express. */
.online-recipes-footer__logo {
  display: inline-block;
}

.online-recipes-footer__logo a,
.online-recipes-footer__logo a:hover {
  text-decoration: none;
  color: inherit;
}

/* Compounded with .wp-block-group so it outranks the core flex-layout rule. */
.online-recipes-footer__rating,
.online-recipes-footer__rating.wp-block-columns {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  max-width: none;
  margin-top: 24px;
  margin-bottom: 0;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  background-color: var(--wp--preset--color--white);
}

.online-recipes-footer__rating .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
}

.online-recipes-footer__rating .wp-block-group {
  gap: 2px;
}

.online-recipes-footer__rating .wp-block-icon svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
}

.online-recipes-footer__score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-footer__users {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-footer__nav-title,
.online-recipes-footer__columns .wp-block-heading.online-recipes-footer__nav-title {
  margin: 0 0 20px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-footer__columns .wp-block-heading {
  margin: 0 0 20px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-footer__columns ul,
.online-recipes-footer__links,
.online-recipes-footer__links.wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.online-recipes-footer__columns li,
.online-recipes-footer__links .wp-block-list-item {
  margin: 0 0 12px;
}

.online-recipes-footer__columns li:last-child,
.online-recipes-footer__links .wp-block-list-item:last-child {
  margin-bottom: 0;
}

.online-recipes-footer__columns li a,
.online-recipes-footer__links .wp-block-list-item a {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wp--preset--color--heading-text);
  text-decoration: none;
  transition: color 200ms ease;
}

.online-recipes-footer__columns li a:hover,
.online-recipes-footer__links .wp-block-list-item a:hover {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

.online-recipes-footer__quote {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  background-color: var(--wp--preset--color--white);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--heading-text) 4%, transparent);
}

.online-recipes-footer__quote-meta {
  margin-top: 16px;
}

.online-recipes-footer__avatars.wp-block-columns {
  flex-wrap: nowrap;
  width: auto;
  max-width: none;
}

.online-recipes-footer__avatars .wp-block-column {
  flex-basis: 32px !important;
  flex-grow: 0;
}

.online-recipes-footer__avatars .wp-block-column:not(:first-child),
.online-recipes-footer__avatars .wp-block-image:not(:first-child) {
  margin-left: -8px;
}

.online-recipes-footer__avatar img {
  display: block;
  border-radius: 999px;
  border: 2px solid var(--wp--preset--color--white);
}

.online-recipes-footer__avatars .wp-block-image img {
  display: block;
}

.online-recipes-footer__bottom,
.online-recipes-footer__bottom.wp-block-columns {
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

@media (min-width: 1024px) {
  .online-recipes-footer__columns {
    gap: 64px !important;
  }
}
/* Header: hide Sign In + Get Started group when hamburger is active (below 600px) */
@media (max-width: 599px) {
  .online-recipes-d-none {
    display: none !important;
  }
}
/* Header: 80px bar, centered nav, terracotta hover. */
.online-recipes-site-header {
  background-color: var(--wp--preset--color--background-light) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-site-header > .wp-block-group {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  min-height: 80px;
}

.online-recipes-site-header a {
  text-decoration: none;
}

.online-recipes-site-header .online-recipes-d-none > p a {
  color: inherit;
}

.online-recipes-site-header .wp-block-navigation {
  justify-self: center;
}

.online-recipes-site-header .wp-block-navigation-item__content:hover,
.online-recipes-site-header .online-recipes-d-none > p a:hover {
  color: var(--wp--preset--color--primary);
}

.online-recipes-site-header .wp-element-button {
  background-color: var(--wp--preset--color--heading-text) !important;
  color: var(--wp--preset--color--background-light) !important;
  box-shadow: none !important;
}

.online-recipes-site-header .wp-element-button:hover,
.online-recipes-site-header .wp-element-button:focus {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
}

.has-playfair-display-font-family em,
.wp-block-heading em {
  font-family: inherit;
  font-style: italic;
  font-weight: 400;
}

/* Hero: peach eyebrow, CTA shadow, avatar row, framed media, overlays. */
.online-recipes-hero-actions .wp-block-button:not(.is-style-outline) .wp-element-button {
  box-shadow: 0 10px 28px color-mix(in srgb, var(--wp--preset--color--secondary, #1b0f0d) 12%, transparent);
}

.online-recipes-hero-actions .wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent !important;
  color: var(--wp--preset--color--heading-text, #1b0f0d) !important;
  border-color: var(--wp--preset--color--stroke, #e8ddd8) !important;
  box-shadow: none;
}

.online-recipes-hero-actions .wp-block-button.is-style-outline .wp-element-button:hover,
.online-recipes-hero-actions .wp-block-button.is-style-outline .wp-element-button:focus {
  background-color: transparent !important;
  color: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--primary) !important;
  box-shadow: none !important;
}

.online-recipes-student-count {
  color: var(--wp--preset--color--muted-text, #736059) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

.online-recipes-rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wp--preset--color--primary, #d95f3e);
  font-size: 14px;
  font-weight: 500;
}

.online-recipes-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--wp--preset--color--primary, #d95f3e);
}

.online-recipes-stars svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.online-recipes-hero-proof {
  width: 100%;
}

.online-recipes-hero-frame {
  position: relative;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary, #d95f3e) 20%, transparent);
  background-color: color-mix(in srgb, var(--wp--preset--color--white, #fff) 40%, transparent);
  padding: 10px;
}

.online-recipes-hero-media.wp-block-cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 22px !important;
  aspect-ratio: 4/3 !important;
  min-height: 360px !important;
}

.online-recipes-hero-media .wp-block-cover__image-background {
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.online-recipes-hero-media:hover .wp-block-cover__image-background {
  transform: scale(1.03);
}

/* Play button: the blurred ring and the white core are drawn as pseudo-elements
   on the frame, so the pattern needs no decorative markup of its own. */
.online-recipes-hero-frame::before,
.online-recipes-hero-frame::after,
.online-recipes-play-media::before,
.online-recipes-play-media::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  border-radius: 999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 300ms ease;
}

.online-recipes-hero-frame::before,
.online-recipes-play-media::before {
  width: 80px;
  height: 80px;
  background: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 25%, transparent);
  backdrop-filter: blur(8px);
}

.online-recipes-hero-frame::after,
.online-recipes-play-media::after {
  width: 48px;
  height: 48px;
  background-color: var(--wp--preset--color--background-light, #fffaf8);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 55% center;
  background-size: 16px 16px;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--wp--preset--color--secondary, #1b0f0d) 18%, transparent);
}

.online-recipes-hero-frame:hover::before,
.online-recipes-hero-frame:hover::after,
.online-recipes-play-media:hover::before,
.online-recipes-play-media:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}

.online-recipes-hero-media .wp-block-cover__inner-container {
  position: static;
  width: 100%;
  max-width: none;
}

.online-recipes-hero-media .online-recipes-media-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  margin: 0 !important;
}

.online-recipes-hero-caption {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
  z-index: 2;
}

.online-recipes-hero-caption > .wp-block-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
}

.online-recipes-hero-caption .wp-block-group-is-layout-constrained,
.online-recipes-hero-caption .is-layout-constrained {
  max-width: none !important;
  width: auto !important;
}

.online-recipes-hero-caption > .wp-block-group > .wp-block-group:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

/*
 * Editor: only stretch the cover's top-level block canvas — not nested lists
 * inside the caption (those must stay flex for title + chef alignment).
 */
.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
}

.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-height: 100% !important;
}

.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:has(.online-recipes-media-badge) {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 3 !important;
  margin: 0 !important;
  width: auto !important;
}

.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:has(.online-recipes-media-badge) .online-recipes-media-badge {
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.online-recipes-hero-media .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:has(.online-recipes-hero-caption) {
  position: absolute !important;
  right: 28px !important;
  bottom: 28px !important;
  left: 28px !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

.online-recipes-hero-caption .block-editor-inner-blocks .block-editor-block-list__layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  position: static !important;
  inset: auto !important;
  min-height: 0 !important;
}

.online-recipes-hero-caption .block-editor-inner-blocks .block-editor-block-list__block {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.online-recipes-hero-caption .block-editor-inner-blocks .block-editor-block-list__block:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

/* Editor: chef row only — push avatar + name to the right edge */
.online-recipes-hero-caption .block-editor-inner-blocks .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:last-child {
  margin-left: auto !important;
  align-self: flex-end !important;
  flex-shrink: 0 !important;
}

.online-recipes-hero-caption .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block .wp-block-group.is-layout-flex {
  width: 100% !important;
}

.online-recipes-media-badge {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  border-radius: 999px;
  padding: 6px 14px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

.online-recipes-media-badge.is-dark {
  background-color: color-mix(in srgb, var(--wp--preset--color--secondary, #1b0f0d) 45%, transparent);
  color: var(--wp--preset--color--background-light, #fffaf8) !important;
  backdrop-filter: blur(6px);
}

.online-recipes-media-badge.is-light {
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 90%, transparent);
  color: var(--wp--preset--color--heading-text, #1b0f0d) !important;
  backdrop-filter: blur(6px);
  border: 1px solid var(--wp--preset--color--stroke, #e8ddd8);
}

.online-recipes-course-card {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: none !important;
  box-sizing: border-box;
  padding: 0 !important;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), border-color 500ms ease, box-shadow 500ms ease;
}

.online-recipes-course-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--wp--preset--color--primary, #d95f3e) 40%, transparent) !important;
  box-shadow: 0 24px 60px -30px color-mix(in srgb, var(--wp--preset--color--heading-text, #1b0f0d) 35%, transparent);
}

.online-recipes-course-card:hover h3 {
  color: var(--wp--preset--color--primary, #d95f3e);
}

.online-recipes-course-card .online-recipes-course-media {
  margin-bottom: 0 !important;
  border-radius: 0;
}

.online-recipes-course-card .online-recipes-course-media img {
  border-radius: 0 !important;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.online-recipes-course-card:hover .online-recipes-course-media img {
  transform: scale(1.05);
}

.online-recipes-course-media::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 85%, transparent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b0f0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms ease;
}

.online-recipes-course-card:hover .online-recipes-course-media::after {
  opacity: 1;
}

.online-recipes-course-card .online-recipes-course-body {
  width: 100%;
}

.online-recipes-course-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  border-radius: 16px;
  background-color: var(--wp--preset--color--background-soft);
}

.online-recipes-course-media .wp-block-image {
  margin: 0 !important;
  height: 100%;
}

.online-recipes-course-media .wp-block-image a {
  display: block;
  height: 100%;
}

.online-recipes-course-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.online-recipes-course-media .online-recipes-media-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

.online-recipes-course-card .online-recipes-course-meta,
.online-recipes-course-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin: 0 0 16px;
  padding: 16px 0;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text, #1b0f0d) 8%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text, #1b0f0d) 8%, transparent);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--wp--preset--color--muted-text, #7f6962);
}

.online-recipes-course-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.online-recipes-course-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.online-recipes-course-meta svg {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.online-recipes-course-footer {
  width: 100%;
}

.online-recipes-course-footer .wp-block-buttons {
  margin: 0;
}

.online-recipes-course-cta .wp-element-button {
  background-color: var(--wp--preset--color--primary, #d95f3e) !important;
  color: var(--wp--preset--color--white, #fff) !important;
}

.online-recipes-course-cta .has-secondary-background-color {
  background-color: var(--wp--preset--color--secondary, #1f120f) !important;
}

/* Course library page. */
@media (max-width: 781px) {
  .online-recipes-courses-library h1 {
    font-size: 48px !important;
  }
}
.online-recipes-courses-toolbar {
  width: 100%;
}

/* The search field is a core/search block now, so style its own parts. */
.online-recipes-courses-search {
  flex: 1;
  min-width: 260px;
  margin: 0;
}

.online-recipes-courses-search .wp-block-search__inside-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  border-radius: 999px;
  background-color: var(--wp--preset--color--white);
  transition: border-color 300ms ease, box-shadow 300ms ease;
}

.online-recipes-courses-search .wp-block-search__inside-wrapper:focus-within {
  border-color: var(--wp--preset--color--primary);
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}

/* The magnifier used to be an inline SVG inside the form; it is a masked
   pseudo-element now. */
.online-recipes-courses-search .wp-block-search__inside-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--wp--preset--color--muted-text);
  pointer-events: none;
  transform: translateY(-50%);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-courses-search .wp-block-search__input {
  width: 100%;
  height: 48px;
  padding: 0 16px 0 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--wp--preset--color--heading-text);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  outline: none;
}

.online-recipes-courses-search .wp-block-search__input::placeholder {
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-courses-search .wp-block-search__button {
  flex-shrink: 0;
  margin: 4px;
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 300ms ease;
}

.online-recipes-courses-search .wp-block-search__button:hover,
.online-recipes-courses-search .wp-block-search__button:focus {
  background-color: var(--wp--preset--color--primary-dark);
}

.online-recipes-courses-view {
  flex-shrink: 0;
}

.online-recipes-courses-view__label {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-view-toggle.wp-block-buttons {
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  border-radius: 999px;
  background-color: var(--wp--preset--color--white);
}

/* The toggles are core/button links now. Their labels stay in the markup for
   assistive tech and are hidden visually; the icon is a masked pseudo-element. */
.online-recipes-view-toggle .wp-block-button__link {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background-color: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 300ms ease, color 300ms ease;
}

.online-recipes-view-toggle .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  background-color: var(--wp--preset--color--muted-text);
  transform: translate(-50%, -50%);
  transition: background-color 300ms ease;
}

.online-recipes-view-toggle .is-grid .wp-block-button__link::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-view-toggle .is-list .wp-block-button__link::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-view-toggle .wp-block-button__link:hover::before {
  background-color: var(--wp--preset--color--heading-text);
}

.online-recipes-view-toggle .is-active .wp-block-button__link {
  background-color: var(--wp--preset--color--heading-text);
}

.online-recipes-view-toggle .is-active .wp-block-button__link::before {
  background-color: var(--wp--preset--color--background-light);
}

.online-recipes-courses-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 8%, transparent);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-courses-count,
.online-recipes-courses-meta__note {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-courses-meta__note {
  display: none;
}

.online-recipes-courses-shell {
  width: 100%;
}

.online-recipes-courses-grid.wp-block-group {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.online-recipes-courses-grid .wp-block-columns {
  margin: 0;
}

/* The search filter hides individual cards; collapse the column that holds
   one so filtered rows do not leave gaps. */
.online-recipes-courses-grid .wp-block-column:has(> .online-recipes-course-card[hidden]) {
  display: none;
}

/* Flatten the Columns rows into a single wrapping track from the tablet
   breakpoint up. Without this, filtering out cards strands the survivors one
   per row because each wp:columns row is its own flex container. */
@media (min-width: 782px) {
  .online-recipes-courses-grid.wp-block-group {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .online-recipes-courses-grid .wp-block-columns {
    display: contents;
  }
  /* Core prints the columns stylesheet inline at render time, i.e. after this
     file, so this needs to out-specify its flex-basis/flex-grow. */
  .online-recipes-courses-grid.wp-block-group .wp-block-columns > .wp-block-column {
    flex: 0 0 calc((100% - 80px) / 3);
    max-width: calc((100% - 80px) / 3);
  }
}
.online-recipes-courses-grid .online-recipes-course-card[hidden],
.online-recipes-courses-grid[hidden] {
  display: none !important;
}

/* Hidden until the filter finds nothing; a class rather than [hidden] so the
   paragraph can stay a plain core block. */
.online-recipes-courses-empty {
  display: none;
}

.online-recipes-courses-empty.is-visible {
  display: block;
}

.online-recipes-courses-grid .online-recipes-course-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  text-decoration: none !important;
  color: var(--wp--preset--color--heading-text) !important;
  background-color: var(--wp--preset--color--white);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 8%, transparent);
  border-radius: 16px;
}

.online-recipes-courses-grid .online-recipes-course-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}

.online-recipes-course-category {
  margin: 0 0 8px;
  color: var(--wp--preset--color--primary);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.online-recipes-courses-grid .online-recipes-course-body h3 {
  margin: 0 0 8px;
  color: var(--wp--preset--color--heading-text);
  font-family: var(--wp--preset--font-family--playfair-display);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  transition: color 500ms ease;
}

.online-recipes-course-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0 0 20px;
  color: var(--wp--preset--color--paragraph-text);
  font-size: 14px;
  line-height: 1.6;
}

.online-recipes-course-chef {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.online-recipes-course-chef img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 999px;
  object-fit: cover;
}

.online-recipes-course-chef p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-chef p + p {
  margin-top: 2px;
  color: var(--wp--preset--color--muted-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.online-recipes-courses-grid .online-recipes-course-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.online-recipes-course-price {
  color: var(--wp--preset--color--heading-text);
  font-family: var(--wp--preset--font-family--playfair-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.online-recipes-library-cta {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: 999px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
  transition: background-color 300ms ease, color 300ms ease;
}

.online-recipes-course-card:hover .online-recipes-library-cta {
  background-color: var(--wp--preset--color--primary-dark);
}

.online-recipes-library-cta.is-free {
  background-color: var(--wp--preset--color--heading-text);
  color: var(--wp--preset--color--background-light);
}

.online-recipes-course-card:hover .online-recipes-library-cta.is-free {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background-light);
}

.online-recipes-courses-empty {
  margin: 0;
  padding: 64px 24px;
  color: var(--wp--preset--color--muted-text);
  font-size: 16px;
  text-align: center;
}

.online-recipes-courses-guide {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .online-recipes-courses-meta__note {
    display: inline;
  }
  .online-recipes-courses-guide {
    padding-top: 56px !important;
    padding-right: 56px !important;
    padding-bottom: 56px !important;
    padding-left: 56px !important;
  }
}
@media (min-width: 782px) {
  .online-recipes-courses-grid.wp-block-group.is-list {
    gap: 24px;
  }
  /* One card per row. The flattening rule above pins every column to a third
     of the track with both `flex` and `max-width`, so releasing the basis
     alone still leaves the horizontal card squeezed into a column's width. */
  .online-recipes-courses-grid.wp-block-group.is-list .wp-block-columns > .wp-block-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .online-recipes-courses-grid.is-list .online-recipes-course-card {
    display: grid;
    grid-template-columns: minmax(240px, 320px) 1fr;
    align-items: stretch;
  }
  .online-recipes-courses-grid.is-list .online-recipes-course-media {
    height: 100%;
    min-height: 240px;
    aspect-ratio: auto;
  }
  .online-recipes-courses-grid.is-list .online-recipes-course-body {
    justify-content: center;
    padding: 32px;
  }
  /* Wider measure fits a fuller excerpt than the grid card's two lines. */
  .online-recipes-courses-grid.is-list .online-recipes-course-excerpt {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-width: 60ch;
  }
}
/* Overlapping circular avatars used in hero, reviews, and footer. */
.online-recipes-category-card {
  position: relative;
  overflow: hidden;
}

.online-recipes-category-card__image,
.online-recipes-category-card .wp-block-image {
  margin: 0 !important;
}

.online-recipes-category-card__image img,
.online-recipes-category-card .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.online-recipes-categories-library h1 {
  font-size: 48px !important;
}

@media (min-width: 782px) {
  .online-recipes-categories-library h1 {
    font-size: 60px !important;
  }
}
/* Columns blocks lay the cards out; this only stacks the rows, because core
   zeroes the flow blockGap on this group. */
.online-recipes-categories-grid.wp-block-group {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.online-recipes-categories-grid .wp-block-columns {
  margin: 0;
}

.online-recipes-categories-library .online-recipes-category-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  text-decoration: none !important;
  color: var(--wp--preset--color--heading-text) !important;
  background-color: var(--wp--preset--color--white);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 8%, transparent);
  border-radius: 16px;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), border-color 500ms ease, box-shadow 500ms ease;
}

.online-recipes-categories-library .online-recipes-category-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent);
  box-shadow: 0 24px 60px -30px color-mix(in srgb, var(--wp--preset--color--heading-text) 35%, transparent);
}

.online-recipes-category-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  background-color: var(--wp--preset--color--background-soft);
}

.online-recipes-category-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.online-recipes-category-card__media .online-recipes-media-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

.online-recipes-category-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}

.online-recipes-category-card__body h2 {
  margin: 0 0 8px;
  color: var(--wp--preset--color--heading-text);
  font-family: var(--wp--preset--font-family--playfair-display);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.online-recipes-category-card__body h2 a {
  color: inherit;
  text-decoration: none;
}

.online-recipes-category-card__body h2 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

/* The excerpt carries no class of its own (block presets supply its colour and
   size), so anchor on position. The card body is a flex column, so a flex-item
   child blockifies and -webkit-line-clamp never applies -- clamp by height. */
.online-recipes-category-card__body > p:first-of-type {
  overflow: hidden;
  max-height: 3.2em;
  margin: 0 0 20px;
  color: var(--wp--preset--color--muted-text);
  font-size: 14px;
  line-height: 1.6;
}

.online-recipes-category-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--wp--preset--color--primary);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.online-recipes-category-card__cta::after {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 300ms ease;
}

.online-recipes-categories-library .online-recipes-category-card:hover .online-recipes-category-card__cta::after {
  transform: translateX(4px);
}

@media (min-width: 600px) {
  .online-recipes-category-card__body h2 {
    font-size: 30px;
  }
}
.online-recipes-avatars .wp-block-image {
  margin-left: -10px;
}

.online-recipes-avatars .wp-block-image:first-child {
  margin-left: 0;
}

.online-recipes-avatars img {
  border: 2px solid var(--wp--preset--color--background-light, #fffaf8);
  border-radius: 999px;
}

.online-recipes-reviews {
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-reviews-intro {
  max-width: 36rem;
}

.online-recipes-reviews-label {
  margin: 0 0 16px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
}

.online-recipes-reviews-intro h2 {
  margin: 0 0 16px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.15;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-reviews-intro__copy {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 16px;
  color: var(--wp--preset--color--paragraph-text);
}

/* Five-star row drawn as one mask, so the block markup stays native. */
.online-recipes-review-footer::before,
.online-recipes-rating::before,
.online-recipes-footer__score::before {
  content: "";
  flex-shrink: 0;
  width: 78px;
  height: 14px;
  background-color: var(--wp--preset--color--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='scale(0.5833)'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/g%3E%3Cg transform='translate(16 0) scale(0.5833)'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/g%3E%3Cg transform='translate(32 0) scale(0.5833)'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/g%3E%3Cg transform='translate(48 0) scale(0.5833)'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/g%3E%3Cg transform='translate(64 0) scale(0.5833)'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-reviews-grid.wp-block-columns {
  gap: 24px;
}

/* Stretch each card to the full column height. */
.online-recipes-reviews-grid > .wp-block-column {
  display: flex;
}

.online-recipes-reviews-grid > .wp-block-column > .online-recipes-review-card {
  flex: 1;
}

.online-recipes-reviews .online-recipes-review-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 0;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  border-radius: 16px;
  background-color: var(--wp--preset--color--white);
  box-sizing: border-box;
  font-style: normal;
  quotes: none;
  /* Global styles give core/quote a 2px left rule; this card draws its own. */
  border-left-width: 1px;
  transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}

/* Decorative quote mark, replacing the inline SVG. */
.online-recipes-review-card::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-bottom: 20px;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 60%, transparent);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-review-card::after {
  content: none;
}

.online-recipes-reviews .online-recipes-review-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent);
  box-shadow: 0 20px 50px -30px color-mix(in srgb, var(--wp--preset--color--heading-text) 35%, transparent);
}

.online-recipes-review-card__text {
  margin: 0 0 24px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-review-card .online-recipes-review-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
}

.online-recipes-review-card .online-recipes-review-author {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

.online-recipes-review-author .wp-block-image,
.online-recipes-review-author figure {
  margin: 0;
}

.online-recipes-review-author img {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 999px;
  object-fit: cover;
}

.online-recipes-review-author__name {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-review-author__meta {
  margin: 2px 0 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 13px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-view-all .wp-element-button {
  border-radius: 40px !important;
  padding: 16px 32px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--wp--preset--color--heading-text, #1b0f0d) !important;
  border-color: var(--wp--preset--color--border, #edeced) !important;
}

.online-recipes-view-all .wp-element-button:hover,
.online-recipes-view-all .wp-element-button:focus {
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--primary) !important;
}

.online-recipes-category-view-all .wp-element-button {
  border-radius: 40px !important;
  padding: 16px 32px !important;
  background-color: var(--wp--preset--color--background-soft) !important;
  color: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--primary) !important;
  box-shadow: none !important;
}

.online-recipes-category-view-all .wp-element-button:hover,
.online-recipes-category-view-all .wp-element-button:focus {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--primary) !important;
}

.online-recipes-lesson-cta .wp-element-button {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
  box-shadow: none !important;
}

.online-recipes-lesson-cta .wp-element-button:hover,
.online-recipes-lesson-cta .wp-element-button:focus {
  background-color: var(--wp--preset--color--background-soft) !important;
  color: var(--wp--preset--color--heading-text) !important;
}

.online-recipes-play-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none !important;
  padding: 0 !important;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--background-light) 10%, transparent);
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light) 5%, transparent);
}

.online-recipes-play-media > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.online-recipes-play-media .wp-block-image,
.online-recipes-play-media .wp-block-html {
  margin: 0 !important;
}

.online-recipes-play-media figure,
.online-recipes-play-media a {
  display: block;
  width: 100%;
  margin: 0;
}

.online-recipes-play-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 0;
  opacity: 0.6;
  transition: opacity 500ms ease;
}

.online-recipes-play-media:hover img {
  opacity: 0.75;
}

.online-recipes-play-media .block-editor-inner-blocks,
.online-recipes-play-media .block-editor-block-list__layout {
  position: static !important;
}

.online-recipes-play-media::before {
  background: color-mix(in srgb, var(--wp--preset--color--background-light) 25%, transparent);
  backdrop-filter: blur(4px);
}

.online-recipes-play-media::after {
  box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
}

.online-recipes-lesson-section-title {
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
}

.online-recipes-lesson-chef-card {
  padding: 32px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent);
  background-color: color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent);
}

.online-recipes-lesson-course-card {
  padding: 32px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
  background-color: color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent);
}

.online-recipes-lesson-steps {
  margin: 0;
}

.online-recipes-lesson-steps__row.wp-block-columns {
  margin-bottom: 24px;
}

.online-recipes-lesson-steps__row.wp-block-columns:last-child {
  margin-bottom: 0;
}

.online-recipes-lesson-steps__row .wp-block-column:first-child {
  flex-basis: 48px !important;
  flex-grow: 0;
}

.online-recipes-lesson-steps,
.online-recipes-lesson-steps.wp-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.online-recipes-lesson-steps li,
.online-recipes-lesson-steps .wp-block-list-item {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 70%, transparent);
  line-height: 1.7;
}

.online-recipes-lesson-steps li:last-child,
.online-recipes-lesson-steps .wp-block-list-item:last-child {
  margin-bottom: 0;
}

.online-recipes-lesson-steps span,
.online-recipes-lesson-steps__number {
  flex-shrink: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-style: italic;
  color: var(--wp--preset--color--primary, #d95f3e);
}

.online-recipes-lesson-steps p {
  margin: 0;
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 70%, transparent);
  line-height: 1.7;
}

.online-recipes-lesson-steps__row p {
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 70%, transparent);
}

/* List items with inner paragraph blocks still render a stray "List" placeholder in the editor. */
.online-recipes-lesson-steps .wp-block-list-item > .rich-text [data-rich-text-placeholder]::after,
.online-recipes-lesson-steps .wp-block-list-item > .block-editor-rich-text__editable[data-rich-text-placeholder]::after {
  content: none !important;
}

.online-recipes-lesson-stats {
  margin: 0 0 8px;
}

.online-recipes-lesson-stats__row.wp-block-columns {
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent);
}

.online-recipes-lesson-stats__row.wp-block-columns.is-last {
  border-bottom: 0;
  padding-bottom: 0;
}

.online-recipes-lesson-stats__row .wp-block-paragraph:first-child,
.online-recipes-lesson-stats__row .wp-block-column:first-child p {
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 60%, transparent);
}

.online-recipes-curriculum-label {
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 30%, transparent) !important;
}

.online-recipes-curriculum,
.online-recipes-curriculum.wp-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.online-recipes-curriculum li,
.online-recipes-curriculum .wp-block-list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 80%, transparent);
}

.online-recipes-curriculum li::before,
.online-recipes-curriculum .wp-block-list-item::before {
  content: "";
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 30%, transparent);
}

.online-recipes-curriculum li.is-active::before,
.online-recipes-curriculum .wp-block-list-item.is-active::before {
  border: 0;
  background: var(--wp--preset--color--primary, #d95f3e);
}

.online-recipes-curriculum__more {
  margin: 0;
  padding-left: 24px;
  font-size: 12px;
  color: color-mix(in srgb, var(--wp--preset--color--background-light, #fffaf8) 40%, transparent);
}

/* The course card and curriculum ride along as the lesson body scrolls.
   The Columns block is vertically aligned to the top, so the column is only
   as tall as its content, which is what lets sticky actually move. Desktop
   only -- the columns stack below this width. */
@media (min-width: 782px) {
  .online-recipes-lesson-layout > .wp-block-column:last-child {
    position: sticky;
    top: 32px;
    align-self: flex-start;
  }
}
.online-recipes-chef-portrait {
  overflow: hidden;
  margin-bottom: 20px;
  aspect-ratio: 1/1;
  border-radius: 12px;
  background-color: var(--wp--preset--color--background-soft);
  outline: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  outline-offset: -1px;
}

.online-recipes-chef-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.online-recipes-chefs-grid {
  margin-bottom: 0;
}

/* Columns blocks handle the four-across layout. Only the spacing between the
   two Columns rows is set here: core zeroes the flow blockGap on this group. */
.online-recipes-chefs-grid.wp-block-group {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.online-recipes-chefs-grid .wp-block-columns {
  margin: 0;
}

.online-recipes-chef-portrait {
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--wp--preset--color--background-soft);
}

.online-recipes-chef-portrait .wp-block-image,
.online-recipes-chef-portrait figure {
  margin: 0;
}

.online-recipes-chef-card h2 {
  margin: 14px 0 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-chef-card > p {
  margin: 4px 0 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-chef-portrait img {
  display: block;
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.online-recipes-chef-card {
  position: relative;
  display: block;
  text-decoration: none !important;
  color: var(--wp--preset--color--heading-text) !important;
}

.online-recipes-chef-card .online-recipes-chef-portrait .wp-block-image,
.online-recipes-chef-card .online-recipes-chef-portrait figure {
  margin: 0;
}

.online-recipes-chef-card a {
  color: inherit;
  text-decoration: none;
}

.online-recipes-chef-card h2 a,
.online-recipes-chef-card h3 a {
  transition: color 300ms ease;
}

.online-recipes-chef-card h2 a::after,
.online-recipes-chef-card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

.online-recipes-chef-card:hover h2 a,
.online-recipes-chef-card:hover h3 a {
  color: var(--wp--preset--color--primary);
}

.online-recipes-chef-card .online-recipes-chef-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px !important;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-chef-meta__rating,
.online-recipes-chef-meta__courses {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: inherit;
}

.online-recipes-chef-meta__rating::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: var(--wp--preset--color--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-chef-meta__courses::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background-color: currentColor;
}

.online-recipes-chef-card:hover .online-recipes-chef-portrait img {
  transform: scale(1.05);
}

.online-recipes-pricing-header {
  max-width: 36rem;
  margin: 0 auto 64px;
  text-align: center;
}

.online-recipes-pricing-header.wp-block-group {
  max-width: 36rem;
  margin: 0 auto 64px;
  text-align: center;
}

.online-recipes-pricing-header h1,
.online-recipes-pricing-header h2,
.online-recipes-pricing-header .wp-block-heading {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-pricing-header__copy {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: var(--wp--preset--color--paragraph-text);
}

.online-recipes-pricing-grid.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 0;
  align-items: stretch;
  text-align: left;
}

.online-recipes-pricing-grid > .wp-block-column {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}

.online-recipes-pricing-grid > .wp-block-column > .wp-block-group {
  flex: 1;
  width: 100%;
}

.online-recipes-pricing-card,
.online-recipes-pricing-card.wp-block-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  background-color: var(--wp--preset--color--white);
  box-sizing: border-box;
}

.online-recipes-pricing-card.is-layout-flex {
  display: flex;
  flex-direction: column;
}

.online-recipes-pricing-card.is-featured {
  border: 0;
  background-color: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--background-light);
  box-shadow: 0 25px 50px -12px color-mix(in srgb, var(--wp--preset--color--secondary) 20%, transparent);
  min-height: 100%;
}

.online-recipes-pricing-card__top,
.online-recipes-pricing-card__top.wp-block-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
}

/* The "Recommended" chip is a plain group now that it carries no class of its
   own; keep the space-between row from squeezing it into a text wrap. */
.online-recipes-pricing-card__top > .wp-block-group {
  flex-shrink: 0;
}

.online-recipes-pricing-card__label {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-pricing-card h3,
.online-recipes-pricing-card .wp-block-heading {
  margin: 16px 0 8px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-pricing-card.is-featured h3,
.online-recipes-pricing-card.is-featured .wp-block-heading {
  color: var(--wp--preset--color--background-light);
}

.online-recipes-pricing-card__copy {
  margin: 0 0 32px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-pricing-card.is-featured .online-recipes-pricing-card__copy {
  color: color-mix(in srgb, var(--wp--preset--color--background-light) 60%, transparent);
}

.online-recipes-pricing-card ul,
.online-recipes-pricing-card__features,
.online-recipes-pricing-card__features.wp-block-list {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}

.online-recipes-pricing-card li,
.online-recipes-pricing-card__features .wp-block-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-pricing-card.is-featured li,
.online-recipes-pricing-card.is-featured .wp-block-list-item {
  color: var(--wp--preset--color--background-light);
}

.online-recipes-pricing-card__features .wp-block-list-item::before {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 16px;
  margin-top: 2px;
  border-right: 2.5px solid var(--wp--preset--color--primary);
  border-bottom: 2.5px solid var(--wp--preset--color--primary);
  transform: rotate(45deg);
}

.online-recipes-pricing-card__footer,
.online-recipes-pricing-card__footer.wp-block-group {
  margin-top: auto;
  width: 100%;
}

.online-recipes-pricing-card__footer .wp-block-buttons,
.online-recipes-pricing-card__buttons {
  width: 100%;
}

.online-recipes-pricing-card__price-row,
.online-recipes-pricing-card__price-row.wp-block-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0;
  margin: 0 0 24px;
  width: 100%;
}

.online-recipes-pricing-card__price-row .wp-block-paragraph,
.online-recipes-pricing-card__price-row p {
  margin: 0;
}

.online-recipes-pricing-card__price-prefix,
.online-recipes-pricing-card__price-suffix {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.online-recipes-pricing-card__price-amount {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-pricing-card.is-featured .online-recipes-pricing-card__price-prefix,
.online-recipes-pricing-card.is-featured .online-recipes-pricing-card__price-suffix {
  color: color-mix(in srgb, var(--wp--preset--color--background-light) 40%, transparent);
}

.online-recipes-pricing-card.is-featured .online-recipes-pricing-card__price-amount {
  color: var(--wp--preset--color--background-light);
}

.online-recipes-pricing-card__price {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-pricing-card.is-featured .online-recipes-pricing-card__price {
  color: var(--wp--preset--color--background-light);
}

.online-recipes-pricing-card__buttons .wp-block-button,
.online-recipes-pricing-card__buttons .wp-element-button {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border-radius: 999px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, opacity 300ms ease;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-outline .wp-element-button {
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 15%, transparent) !important;
  background-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--heading-text) !important;
  font-weight: 500;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-outline .wp-element-button:hover {
  background-color: var(--wp--preset--color--background-soft);
  text-decoration: none;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-accent .wp-element-button {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-weight: 700;
  border: 0;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-accent .wp-element-button:hover {
  opacity: 0.9;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-solid .wp-element-button {
  background-color: var(--wp--preset--color--heading-text);
  color: var(--wp--preset--color--background-light);
  font-weight: 500;
  border: 0;
}

.online-recipes-pricing-card__buttons .wp-block-button.is-solid .wp-element-button:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

@media (min-width: 768px) {
  .online-recipes-pricing-header h1,
  .online-recipes-pricing-header h2,
  .online-recipes-pricing-header .wp-block-heading {
    font-size: 60px;
  }
  .online-recipes-pricing-grid.wp-block-columns {
    flex-wrap: nowrap;
  }
  .online-recipes-pricing-grid > .wp-block-column {
    flex-basis: 33.33%;
  }
}
.online-recipes-pricing-faq-section {
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-pricing-faq {
  max-width: 48rem;
  margin: 0 auto;
}

.online-recipes-favorites-spotlight,
.online-recipes-favorite-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), border-color 500ms ease, box-shadow 500ms ease;
}

.online-recipes-favorites-spotlight {
  margin-bottom: 40px;
  background-color: color-mix(in srgb, var(--wp--preset--color--background-soft) 40%, transparent);
}

.online-recipes-favorite-card {
  height: 100%;
  background-color: var(--wp--preset--color--white);
}

/* Arrow affordance on the compact cards, drawn as a mask so the markup
   stays native blocks. */
.online-recipes-favorite-card::after {
  content: "";
  display: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-color: color-mix(in srgb, var(--wp--preset--color--muted-text) 30%, transparent);
  mask: 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-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 300ms ease, background-color 300ms ease;
}

.online-recipes-favorite-card:hover::after {
  transform: translateX(4px);
  background-color: var(--wp--preset--color--primary);
}

.online-recipes-favorites-spotlight:hover,
.online-recipes-favorite-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent);
  box-shadow: 0 20px 50px -30px color-mix(in srgb, var(--wp--preset--color--heading-text) 45%, transparent);
}

.online-recipes-favorites-spotlight:hover h3,
.online-recipes-favorites-spotlight:hover h3 a,
.online-recipes-favorite-card:hover h3,
.online-recipes-favorite-card:hover h3 a {
  color: var(--wp--preset--color--primary);
}

.online-recipes-favorite-media {
  position: relative;
  flex-shrink: 0;
  width: 160px;
  height: 152px;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--wp--preset--color--background-soft);
}

.online-recipes-favorite-media .wp-block-image,
.online-recipes-favorite-media figure {
  margin: 0;
}

.online-recipes-favorite-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.online-recipes-favorites-spotlight:hover .online-recipes-favorite-media img,
.online-recipes-favorite-card:hover .online-recipes-favorite-media img {
  transform: scale(1.05);
}

.online-recipes-offer-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 20px;
  border-radius: 12px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  line-height: 1;
  box-shadow: 0 10px 20px -10px color-mix(in srgb, var(--wp--preset--color--heading-text) 45%, transparent);
  transform: translate(-50%, -50%) rotate(-6deg);
  pointer-events: none;
}

.online-recipes-offer-badge__value {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.online-recipes-offer-badge__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.25em;
  line-height: 1;
  text-transform: uppercase;
}

.online-recipes-favorite-level {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  border-radius: 999px;
  padding: 4px 10px;
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light) 95%, transparent);
  color: var(--wp--preset--color--heading-text);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
}

.online-recipes-favorite-body {
  min-width: 0;
  flex: 1;
}

.online-recipes-favorite-category {
  margin: 0 0 4px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
}

.online-recipes-favorite-body h3 {
  margin: 0;
  overflow: hidden;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--wp--preset--color--heading-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 300ms ease;
}

.online-recipes-favorite-body h3 a {
  color: inherit;
  text-decoration: none;
  transition: color 300ms ease;
}

/* The whole compact card is clickable: the heading link is stretched over it,
   which keeps a single real link for assistive tech. */
.online-recipes-favorite-card .online-recipes-favorite-body h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

.online-recipes-favorite-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin-top: 12px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-favorite-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.online-recipes-favorite-meta__item::before,
.online-recipes-course-meta__item::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.online-recipes-favorite-meta__item.is-lessons::before,
.online-recipes-course-meta__item.is-lessons::before {
  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='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.online-recipes-favorite-meta__item.is-duration::before,
.online-recipes-course-meta__item.is-duration::before {
  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='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.online-recipes-favorite-meta__item.is-students::before,
.online-recipes-course-meta__item.is-students::before {
  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='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.online-recipes-favorite-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-favorite-rating::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: var(--wp--preset--color--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-favorite-offer {
  display: none;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.online-recipes-favorite-price {
  text-align: right;
}

/* Two classes so the baseline alignment outranks the core flex-layout rule. */
.online-recipes-favorite-price .online-recipes-favorite-price__row {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
}

.online-recipes-favorite-price__now {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-favorite-price__was {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: var(--wp--preset--color--muted-text);
  text-decoration: line-through;
}

.online-recipes-favorite-price__note {
  margin: 6px 0 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-claim-offer-buttons {
  margin: 0;
}

.online-recipes-claim-offer .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease;
}

.online-recipes-claim-offer .wp-block-button__link::after {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  mask: 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-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 200ms ease;
}

.online-recipes-claim-offer .wp-block-button__link:hover,
.online-recipes-claim-offer .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
  text-decoration: none;
}

.online-recipes-claim-offer .wp-block-button__link:hover::after,
.online-recipes-claim-offer .wp-block-button__link:focus::after {
  transform: translateX(2px);
}

@media (min-width: 640px) {
  .online-recipes-favorite-offer {
    display: flex;
  }
  .online-recipes-favorite-card::after {
    display: block;
  }
}
@media (max-width: 639px) {
  .online-recipes-favorites-spotlight,
  .online-recipes-favorite-card {
    align-items: flex-start;
  }
}
.online-recipes-category-pills .wp-element-button {
  background-color: var(--wp--preset--color--white, #fff) !important;
  color: var(--wp--preset--color--heading-text, #1b0f0d) !important;
  border-color: var(--wp--preset--color--stroke, #e8ddd8) !important;
}

.online-recipes-category-pills .wp-element-button:hover {
  border-color: var(--wp--preset--color--primary, #d95f3e) !important;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary, #d95f3e) 10%, transparent) !important;
  color: var(--wp--preset--color--primary, #d95f3e) !important;
}

header .wp-element-button {
  white-space: nowrap;
}

/* Masteriyo compatibility: restore nav link cursor and hover underline.
   Mirrors TwentyTwentyFive's selector pattern (.wp-block-navigation + .wp-block-navigation-item
   + .wp-block-navigation-item__content = specificity 30) which beats Masteriyo's
   masteriyo-dependencies.css rule (.wp-block-navigation-item .wp-block-navigation-item__content
   { cursor:text } = specificity 20). Also fixes hover underline lost to public.css
   body.masteriyo a { text-decoration:none } on all Masteriyo pages. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  cursor: pointer;
}

body.masteriyo .wp-block-navigation a:not(.wp-element-button):hover {
  text-decoration: underline;
}

/* Masteriyo LMS pages: expand constrained content width beyond the 720px blog default */
body.masteriyo-account-page,
body.masteriyo-courses-page,
body.masteriyo-checkout-page,
body.masteriyo-learn-page,
body.masteriyo-instructor-registration-page {
  --wp--style--global--content-size: 1100px;
}

.online-recipes-cta {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 32px;
  background-color: var(--wp--preset--color--heading-text);
  color: var(--wp--preset--color--background-light);
  text-align: center;
}

/* Corner glow, drawn as a pseudo-element so the markup needs no empty block. */
.online-recipes-cta::before {
  content: "";
  position: absolute;
  top: -128px;
  right: -96px;
  width: 384px;
  height: 384px;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent);
  filter: blur(64px);
  pointer-events: none;
}

.online-recipes-cta .online-recipes-cta__inner {
  position: relative;
  z-index: 1;
  max-width: 42rem;
  margin: 0 auto;
}

.online-recipes-cta h2 {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--wp--preset--color--background-light);
}

.online-recipes-cta h2 em {
  font-style: italic;
}

.online-recipes-cta__copy {
  max-width: 32rem;
  margin: 0 auto 40px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wp--preset--color--background-light) 60%, transparent);
}

.online-recipes-cta .online-recipes-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
}

.online-recipes-cta .online-recipes-cta__button {
  width: 100%;
}

.online-recipes-cta__button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 40px;
  border: 0;
  border-radius: 999px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 300ms ease, color 300ms ease, transform 300ms ease, border-color 300ms ease;
}

.online-recipes-cta__button.is-primary .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

.online-recipes-cta__button.is-primary .wp-block-button__link:hover,
.online-recipes-cta__button.is-primary .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--background-light);
  color: var(--wp--preset--color--heading-text);
  transform: translateY(-2px);
  text-decoration: none;
}

.online-recipes-cta__button.is-outline .wp-block-button__link {
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--background-light) 20%, transparent);
  background-color: transparent;
  color: var(--wp--preset--color--background-light);
}

.online-recipes-cta__button.is-outline .wp-block-button__link:hover,
.online-recipes-cta__button.is-outline .wp-block-button__link:focus {
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light) 10%, transparent);
  color: var(--wp--preset--color--background-light);
  text-decoration: none;
}

.online-recipes-cta .online-recipes-cta__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 32px;
  margin-top: 40px;
}

.online-recipes-cta__meta-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--wp--preset--color--background-light) 40%, transparent);
}

/* Separator dots between the meta items, replacing the empty spans. */
.online-recipes-cta__meta-item + .online-recipes-cta__meta-item::before {
  content: "";
  display: none;
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  margin-right: 32px;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--wp--preset--color--background-light) 30%, transparent);
}

@media (min-width: 640px) {
  .online-recipes-cta h2 {
    font-size: 60px;
  }
  .online-recipes-cta .online-recipes-cta__actions {
    flex-direction: row;
  }
  .online-recipes-cta .online-recipes-cta__button {
    width: auto;
  }
  .online-recipes-cta__button .wp-block-button__link {
    width: auto;
  }
  .online-recipes-cta__meta-item + .online-recipes-cta__meta-item::before {
    display: block;
  }
}
.online-recipes-course-hero {
  padding: 48px 24px 64px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-course-hero__inner {
  max-width: 1280px;
  margin: 0 auto;
}

.online-recipes-course-back {
  margin: 0 0 40px;
}

.online-recipes-course-back a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wp--preset--color--muted-text) !important;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}

.online-recipes-course-back a::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: 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-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-course-back a:hover {
  color: var(--wp--preset--color--primary) !important;
}

.online-recipes-course-hero__grid {
  display: grid;
  gap: 40px;
  align-items: center;
}

.online-recipes-course-hero h1 {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-lede {
  max-width: 32rem;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-stats__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.online-recipes-course-stats__item::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.online-recipes-course-stats__rating {
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-stats__rating::before {
  background-color: var(--wp--preset--color--primary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
}

.online-recipes-course-stats__item.is-students::before {
  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-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.online-recipes-course-stats__item.is-duration::before {
  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-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.online-recipes-course-hero__media {
  overflow: hidden;
  aspect-ratio: 4/3;
  border-radius: 16px;
  background-color: var(--wp--preset--color--background-soft);
  box-shadow: 0 20px 40px -16px color-mix(in srgb, var(--wp--preset--color--heading-text) 20%, transparent);
  outline: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  outline-offset: -1px;
}

.online-recipes-course-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.online-recipes-course-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 48px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
}

/* Tabs are core/button blocks, so each trigger is an <a class="wp-block-button__link">.
   Two classes beat core's :root :where() button styling. */
.online-recipes-course-tabs__list .wp-block-button__link {
  margin: 0;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  color: var(--wp--preset--color--muted-text);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.online-recipes-course-tabs__list .online-recipes-course-tab.is-active .wp-block-button__link {
  border-bottom-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}

/* Only the active panel shows. The pattern marks the first one active, so the
   first paint is right before the tab script runs. */
.online-recipes-course-tabs__panel:not(.is-active) {
  display: none;
}

/* No-JS fallback: the tab links point at each panel's anchor, so :target
   reveals the requested panel and hides the default one. */
.online-recipes-course-tabs__panel:target {
  display: block;
}

.online-recipes-course-tabs:has(.online-recipes-course-tabs__panel:target) .online-recipes-course-tabs__panel.is-active:not(:target) {
  display: none;
}

.online-recipes-course-tabs__panel h2 {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-tabs__panel h2:not(:first-child) {
  margin-top: 48px;
}

.online-recipes-course-about {
  max-width: 42rem;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-learn,
.online-recipes-course-learn.wp-block-list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.online-recipes-course-learn li,
.online-recipes-course-learn .wp-block-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--wp--preset--color--heading-text);
}

/* The icon span and its inline SVG are gone so the list can be a plain
   core/list: ::before is the tinted disc, ::after the masked tick. */
.online-recipes-course-learn li {
  position: relative;
}

.online-recipes-course-learn li::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 15%, transparent);
}

.online-recipes-course-learn li::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 12px;
  height: 12px;
  background-color: var(--wp--preset--color--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-course-instructor {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 48px;
  padding: 32px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  border-radius: 16px;
  color: inherit !important;
  text-decoration: none !important;
  transition: border-color 300ms ease;
}

.online-recipes-course-instructor:hover {
  border-color: color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent);
}

.online-recipes-course-instructor .wp-block-image,
.online-recipes-course-instructor figure {
  flex-shrink: 0;
  margin: 0;
}

.online-recipes-course-instructor img {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  object-fit: cover;
}

.online-recipes-course-instructor__eyebrow {
  display: block;
  color: var(--wp--preset--color--primary);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.online-recipes-course-instructor h3 a {
  color: inherit;
  text-decoration: none;
}

/* Stretch the instructor-name link over the card, replacing the <a> that
   used to wrap the whole thing. */
.online-recipes-course-instructor h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.online-recipes-course-instructor h3 {
  margin: 8px 0 8px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  color: var(--wp--preset--color--heading-text);
  transition: color 300ms ease;
}

.online-recipes-course-instructor:hover h3 {
  color: var(--wp--preset--color--primary);
}

.online-recipes-course-instructor__bio {
  max-width: 36rem;
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-instructor__link {
  margin-top: 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 20%, transparent);
  padding-bottom: 2px;
  color: var(--wp--preset--color--heading-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.online-recipes-course-instructor:hover .online-recipes-course-instructor__link {
  border-bottom-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary) !important;
}

.online-recipes-course-curriculum,
.online-recipes-course-curriculum.wp-block-list,
.online-recipes-course-recipes,
.online-recipes-course-recipes.wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.online-recipes-course-curriculum li,
.online-recipes-course-curriculum .wp-block-list-item,
.online-recipes-course-recipes li,
.online-recipes-course-recipes .wp-block-list-item {
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-course-curriculum__item {
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-course-curriculum__num {
  display: block;
  margin-bottom: 4px;
  color: var(--wp--preset--color--muted-text);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.online-recipes-course-curriculum__title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-buy {
  padding: 32px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  border-radius: 16px;
  background-color: var(--wp--preset--color--white);
  box-shadow: 0 20px 40px -20px color-mix(in srgb, var(--wp--preset--color--heading-text) 12%, transparent);
}

.online-recipes-course-buy__badge {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.online-recipes-course-buy__badge.is-free {
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
  color: var(--wp--preset--color--primary);
}

.online-recipes-course-buy__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 24px;
}

.online-recipes-course-buy__amount,
.online-recipes-course-buy__price span {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-buy__terms,
.online-recipes-course-buy__price small {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-buy__cta .wp-block-button__link {
  display: block;
  width: 100%;
  padding: 16px 24px;
  border-radius: 999px;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background-light) !important;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  box-sizing: border-box;
  transition: background-color 300ms ease, color 300ms ease;
}

.online-recipes-course-buy__cta .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white) !important;
}

.online-recipes-course-buy__note {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-course-buy__note a {
  color: var(--wp--preset--color--primary) !important;
  font-weight: 500;
  text-decoration: none;
}

.online-recipes-course-buy__note a:hover {
  text-decoration: underline;
}

.online-recipes-course-buy ul,
.online-recipes-course-buy__features,
.online-recipes-course-buy__features.wp-block-list {
  margin: 32px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  list-style: none;
}

.online-recipes-course-buy li,
.online-recipes-course-buy__features .wp-block-list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-buy li:last-child,
.online-recipes-course-buy__features .wp-block-list-item:last-child {
  margin-bottom: 0;
}

.online-recipes-course-buy li svg,
.online-recipes-course-buy__features .wp-block-list-item svg {
  flex-shrink: 0;
  color: var(--wp--preset--color--primary);
}

.online-recipes-course-buy .online-recipes-course-buy__features {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-course-buy__feature {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 14px;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-course-buy__feature::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--wp--preset--color--primary);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.online-recipes-course-buy__feature.is-lessons::before {
  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='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.online-recipes-course-buy__feature.is-downloads::before {
  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='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}

.online-recipes-course-buy__feature.is-lifetime::before {
  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='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8'/%3E%3C/svg%3E");
}

.online-recipes-course-buy__feature.is-certificate::before {
  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='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/svg%3E");
}

.online-recipes-course-buy__buttons {
  margin: 0;
}

@media (min-width: 782px) {
  .online-recipes-course-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .online-recipes-course-hero h1 {
    font-size: 60px;
  }
  .online-recipes-course-hero__grid {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
  }
  .online-recipes-course-learn {
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
  }
  .online-recipes-course-instructor {
    flex-direction: row;
    align-items: center;
    padding: 40px;
  }
  .online-recipes-course-instructor__link {
    margin-top: 0;
    margin-left: auto;
    flex-shrink: 0;
  }
  .online-recipes-course-aside {
    position: sticky;
    top: 32px;
  }
}
.online-recipes-chef-hero {
  padding: 48px 24px 64px;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
}

.online-recipes-chef-hero__inner,
.online-recipes-chef-courses__inner {
  max-width: 1280px;
  margin: 0 auto;
}

.online-recipes-chef-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  color: var(--wp--preset--color--muted-text) !important;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}

.online-recipes-chef-back:hover {
  color: var(--wp--preset--color--primary) !important;
}

.online-recipes-chef-hero h1 {
  margin: 0 0 24px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-chef-lede {
  max-width: 36rem;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-chef-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-chef-stats span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.online-recipes-chef-stats svg {
  display: block;
  flex-shrink: 0;
}

.online-recipes-chef-stats__rating {
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-chef-stats__rating svg {
  color: var(--wp--preset--color--primary);
}

.online-recipes-chef-hero__media {
  overflow: hidden;
  max-width: 520px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background-color: var(--wp--preset--color--background-soft);
  box-shadow: 0 20px 40px -16px color-mix(in srgb, var(--wp--preset--color--heading-text) 20%, transparent);
  outline: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 5%, transparent);
  outline-offset: -1px;
}

.online-recipes-chef-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.online-recipes-chef-courses {
  padding: 64px 24px 100px;
}

.online-recipes-chef-courses h2 {
  margin: 0 0 40px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-chef-courses__empty {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-chef-courses .online-recipes-courses-grid {
  grid-template-columns: 1fr;
}

@media (min-width: 782px) {
  .online-recipes-chef-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .online-recipes-chef-hero h1 {
    font-size: 60px;
  }
  .online-recipes-chef-courses {
    padding-top: 96px;
  }
  .online-recipes-chef-courses h2 {
    font-size: 36px;
  }
  .online-recipes-chef-courses .online-recipes-courses-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.online-recipes-error {
  text-align: center;
}

.online-recipes-error .online-recipes-error__kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 24px;
  color: var(--wp--preset--color--primary);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.online-recipes-error .online-recipes-error__kicker::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background-color: var(--wp--preset--color--primary);
}

.online-recipes-error .online-recipes-error__code {
  margin: 0 0 16px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 96px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 0.9;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-error .online-recipes-error__code span,
.online-recipes-error .online-recipes-error__code-accent {
  color: var(--wp--preset--color--primary);
}

.online-recipes-error .online-recipes-error__title {
  margin: 0 0 16px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-error .online-recipes-error__lede {
  max-width: 36rem;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-error__search {
  max-width: 560px;
  margin: 0 auto 24px;
}

.online-recipes-error__search .wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--heading-text) 10%, transparent);
  border-radius: 12px;
  background-color: var(--wp--preset--color--white);
  transition: border-color 300ms ease, box-shadow 300ms ease;
}

.online-recipes-error__search .wp-block-search__inside-wrapper:focus-within {
  border-color: var(--wp--preset--color--primary);
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}

.online-recipes-error__search .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.online-recipes-error__search .wp-block-search__input {
  flex: 1;
  min-width: 0;
  height: 52px;
  padding: 0 16px 0 20px;
  border: 0;
  background: transparent;
  color: var(--wp--preset--color--heading-text);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  outline: none;
}

.online-recipes-error__search .wp-block-search__input::placeholder {
  color: var(--wp--preset--color--muted-text);
}

.online-recipes-error__search .wp-block-search__button {
  margin: 6px;
  padding: 10px 20px;
  border: 0;
  border-radius: 8px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 300ms ease;
}

.online-recipes-error__search .wp-block-search__button:hover,
.online-recipes-error__search .wp-block-search__button:focus {
  background-color: var(--wp--preset--color--primary-dark);
}

.online-recipes-error__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.online-recipes-error__button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 12px 24px;
  border-radius: 8px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}

.online-recipes-error__button.is-primary .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white) !important;
}

.online-recipes-error__button.is-primary .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--primary-dark);
}

.online-recipes-error__button.is-outline .wp-block-button__link {
  border: 1px solid var(--wp--preset--color--primary);
  background: transparent;
  color: var(--wp--preset--color--primary) !important;
}

.online-recipes-error__button.is-outline .wp-block-button__link:hover {
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent);
}

@media (min-width: 640px) {
  .online-recipes-error-hero {
    padding-top: 112px !important;
  }
  .online-recipes-error .online-recipes-error__code {
    font-size: 160px;
  }
  .online-recipes-error .online-recipes-error__title {
    font-size: 36px;
  }
}
.skip-link.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
  background-color: var(--wp--preset--color--primary, #d95f3e);
  clip: auto !important;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 8px;
  line-height: normal;
  padding: 12px 20px;
  text-decoration: none;
  top: 8px;
  width: auto;
  z-index: 100000;
  border-radius: 4px;
}

/* Archive / query cards
--------------------------------------------- */
.online-recipes-post-card .wp-block-post-featured-image {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 16px 16px 0 0;
}

.online-recipes-post-card .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.online-recipes-post-card .wp-block-post-title a,
.online-recipes-post-card .wp-block-post-date a {
  text-decoration: none;
}

.online-recipes-post-card .wp-block-post-title a:hover,
.online-recipes-post-card .wp-block-post-title a:focus {
  color: var(--wp--preset--color--primary);
}

.online-recipes-archive .wp-block-query-title {
  font-size: 48px !important;
}

@media (min-width: 782px) {
  .online-recipes-archive .wp-block-query-title {
    font-size: 60px !important;
  }
}
.online-recipes-archive-loop .wp-block-query-pagination,
.online-recipes-query .wp-block-query-pagination {
  gap: 8px;
}

.online-recipes-archive-loop .wp-block-query-pagination a,
.online-recipes-query .wp-block-query-pagination a {
  text-decoration: none;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-archive-loop .wp-block-query-pagination a:hover,
.online-recipes-query .wp-block-query-pagination a:hover {
  color: var(--wp--preset--color--primary);
}

/* Style guide
--------------------------------------------- */
.online-recipes-swatches.wp-block-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (min-width: 782px) {
  .online-recipes-swatches.wp-block-group {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.online-recipes-swatches .online-recipes-swatch {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.online-recipes-swatch__chip {
  display: block;
  height: 72px;
  border-radius: 12px;
  border: 1px solid var(--wp--preset--color--border);
}

.online-recipes-swatch__name {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--wp--preset--color--heading-text);
}

.online-recipes-swatch__value {
  margin: 0;
  font-size: 12px;
  color: var(--wp--preset--color--muted-text);
  background: transparent;
}

/* Mobile-only. Pattern PHP / ≥782px desktop layout stay as-is.
 * Inline Gutenberg font sizes need !important to scale down.
 */
@media (max-width: 781px) {
  h1.wp-block-heading[style*="font-size:60px"],
  h1.wp-block-heading[style*="font-size:48px"] {
    font-size: clamp(2rem, 8.5vw, 2.75rem) !important;
  }
  h2.wp-block-heading[style*="font-size:48px"],
  h2.wp-block-heading[style*="font-size:42px"],
  h2.wp-block-heading[style*="font-size:36px"] {
    font-size: clamp(1.625rem, 6vw, 2rem) !important;
  }
  h2.wp-block-heading[style*="font-size:32px"],
  h2.wp-block-heading[style*="font-size:30px"],
  h2.wp-block-heading[style*="font-size:28px"] {
    font-size: clamp(1.375rem, 5vw, 1.75rem) !important;
  }
  h3.wp-block-heading[style*="font-size:24px"] {
    font-size: 1.25rem !important;
  }
  p.has-playfair-display-font-family[style*="font-size:48px"] {
    font-size: clamp(2rem, 8vw, 2.5rem) !important;
  }
  .wp-block-group.alignfull:has(.online-recipes-hero-media),
  .wp-block-group.alignfull:has(.online-recipes-play-media),
  .wp-block-group.alignfull:has(.online-recipes-favorites-grid),
  .wp-block-group.alignfull:has(.online-recipes-category-pills),
  .wp-block-group.alignfull:has(.online-recipes-course-card):not(.online-recipes-courses-library):not(.online-recipes-chefs-library),
  .wp-block-group.alignfull[class*=online-recipes-]:not(.online-recipes-site-header):not(.online-recipes-footer):not(.online-recipes-course-detail):not(.online-recipes-chef-detail) {
    padding-top: 56px !important;
  }
  .wp-block-group.alignfull:has(.online-recipes-hero-media),
  .wp-block-group.alignfull:has(.online-recipes-play-media),
  .wp-block-group.alignfull:has(.online-recipes-favorites-grid),
  .wp-block-group.alignfull:has(.online-recipes-category-pills),
  .wp-block-group.alignfull:has(.online-recipes-course-card):not(.online-recipes-courses-library):not(.online-recipes-chefs-library),
  .online-recipes-cta-section,
  .online-recipes-reviews,
  .online-recipes-pricing,
  .online-recipes-pricing-faq-section,
  .online-recipes-error-hero,
  .online-recipes-style-guide,
  .online-recipes-query,
  .online-recipes-archive,
  .online-recipes-chefs,
  .online-recipes-categories-library {
    padding-bottom: 56px !important;
  }
  .wp-block-columns:has(.online-recipes-hero-frame),
  .wp-block-columns:has(.online-recipes-play-media),
  .wp-block-columns:has(.online-recipes-course-card) {
    gap: 28px !important;
  }
  .online-recipes-hero-media.wp-block-cover {
    min-height: 260px !important;
    aspect-ratio: 4/5 !important;
  }
  .online-recipes-hero-caption {
    right: 16px;
    bottom: 16px;
    left: 16px;
  }
  .online-recipes-hero-caption > .wp-block-group {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .online-recipes-hero-actions {
    gap: 10px !important;
  }
  .online-recipes-site-header .wp-block-navigation .wp-block-navigation__container {
    gap: 16px !important;
  }
  .online-recipes-course-footer {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .online-recipes-cta {
    border-radius: 20px;
  }
  .online-recipes-cta h2 {
    font-size: clamp(1.75rem, 7vw, 2.5rem);
  }
  .online-recipes-reviews-intro h2,
  .online-recipes-pricing-faq h2 {
    font-size: clamp(1.625rem, 6vw, 2rem);
  }
  .online-recipes-pricing-header h1,
  .online-recipes-pricing-header h2 {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
  }
  .online-recipes-pricing-card {
    padding: 28px;
  }
  .online-recipes-pricing-faq h2 {
    margin-bottom: 32px;
  }
  .online-recipes-error .online-recipes-error__code {
    font-size: clamp(4.5rem, 22vw, 6rem);
  }
  .online-recipes-error__button {
    min-width: 0;
    flex: 1 1 140px;
  }
  .online-recipes-play-media {
    margin-bottom: 32px !important;
  }
  .online-recipes-course-hero,
  .online-recipes-chef-hero {
    padding-top: 40px;
    padding-bottom: 48px;
  }
  .online-recipes-course-hero h1,
  .online-recipes-chef-hero h1 {
    font-size: clamp(2rem, 8vw, 2.5rem);
  }
  .online-recipes-chef-courses {
    padding-top: 48px;
    padding-bottom: 64px;
  }
  .online-recipes-course-tabs__list {
    gap: 16px 20px;
  }
  .online-recipes-course-tabs__panel h2 {
    font-size: 24px;
  }
  .online-recipes-course-instructor,
  .online-recipes-course-buy {
    padding: 24px;
  }
  .online-recipes-archive .wp-block-query-title {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
  }
  .online-recipes-chefs > .wp-block-group {
    margin-bottom: 32px !important;
  }
  .online-recipes-footer {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
  }
  .online-recipes-footer__columns {
    gap: 40px !important;
  }
}
@media (max-width: 599px) {
  .online-recipes-site-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .online-recipes-site-header > .wp-block-group {
    grid-template-columns: 1fr auto;
    min-height: 64px;
  }
  .online-recipes-site-header .wp-block-navigation {
    justify-self: end;
  }
  .online-recipes-site-header .has-playfair-display-font-family {
    font-size: 20px !important;
  }
  .online-recipes-hero-actions .wp-block-button,
  .online-recipes-hero-actions .wp-element-button {
    width: 100%;
  }
  .online-recipes-favorites-spotlight,
  .online-recipes-favorite-card {
    flex-direction: column;
    align-items: stretch;
  }
  .online-recipes-favorite-media {
    width: 100%;
    height: 180px;
  }
  .online-recipes-error__search .wp-block-search__inside-wrapper {
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
  }
  .online-recipes-error__search .wp-block-search__button {
    margin: 0;
    width: 100%;
    height: 44px;
  }
  .online-recipes-error__actions {
    flex-direction: column;
  }
  .online-recipes-error__button,
  .online-recipes-error__button .wp-block-button__link {
    width: 100%;
  }
  .online-recipes-cta__actions,
  .online-recipes-cta__button {
    width: 100%;
  }
}
/* --- Library course card converted to core blocks -------------------- */
.online-recipes-course-card {
  position: relative;
}

.online-recipes-course-card .online-recipes-course-body h3 {
  margin: 0 0 8px;
}

.online-recipes-course-card .online-recipes-course-body h3 a {
  color: inherit;
  text-decoration: none;
}

.online-recipes-course-card .online-recipes-course-body h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

.online-recipes-course-media .wp-block-image,
.online-recipes-course-media figure,
.online-recipes-course-chef .wp-block-image,
.online-recipes-course-chef figure {
  margin: 0;
}

.online-recipes-course-price,
.online-recipes-library-cta {
  margin: 0;
}

/* Back link and rating star, previously inline SVGs. */
.online-recipes-chef-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.online-recipes-chef-back::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;
}

.online-recipes-chef-stats__rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.online-recipes-chef-stats__rating::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--wp--preset--color--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center/contain no-repeat;
}