/* Sofret Um Ghaith: details theme.json cannot express. */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: #F2B544; color: #1E1915; }

/* Header */
.sofret-header { position: sticky; top: 0; z-index: 50; backdrop-filter: saturate(1.2) blur(8px);
  background: color-mix(in srgb, #F5EFE3 88%, transparent); border-bottom: 1px solid #EADFCB; }
.sofret-mark { display: inline-flex; align-items: center; gap: .55rem; }
.sofret-mark::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: #F2B544;
  box-shadow: 0 0 0 4px #F5EFE3, 0 0 0 5px #C0643C; flex: none; }

/* Hero */
.sofret-hero { border-radius: 28px; overflow: hidden; position: relative; }
.sofret-kicker { letter-spacing: .02em; color: #6F7F62; font-weight: 600; }

/* Recipe cards */
.sofret-cards .wp-block-post { background: #FBF8F2; border: 1px solid #EADFCB; border-radius: 20px; overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease; }
.sofret-cards .wp-block-post:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(74,52,40,.45); }
.sofret-cards .wp-block-post-featured-image { margin: 0; }
.sofret-cards .wp-block-post-featured-image img { aspect-ratio: 4 / 5; object-fit: cover; border-radius: 0; }
.sofret-cards .sofret-card-body { padding: .9rem 1.1rem 1.2rem; }

/* How it works */
.sofret-steps .wp-block-column { background: #FBF8F2; border: 1px solid #EADFCB; border-radius: 20px; padding: 1.4rem; }
.sofret-step-num { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%;
  background: #C0643C; color: #fff; font-weight: 700; }

/* WP Recipe Maker card */
.wprm-recipe-container .wprm-recipe { background: #FBF8F2 !important; border: 1px solid #EADFCB !important;
  border-radius: 22px !important; padding: clamp(1rem, 4vw, 2rem) !important; font-family: inherit !important; }
.wprm-recipe h2.wprm-recipe-name, .wprm-recipe .wprm-recipe-header { color: #4A3428 !important; font-family: inherit !important; }
.wprm-recipe .wprm-recipe-ingredient, .wprm-recipe .wprm-recipe-instruction-text { line-height: 1.9; }
.wprm-recipe .wprm-recipe-instruction::marker { color: #C0643C; font-weight: 700; }
.wprm-recipe a.wprm-recipe-link { background: #C0643C !important; color: #fff !important; border-color: #C0643C !important;
  border-radius: 999px !important; padding: .45rem 1rem !important; }
.wprm-recipe .wprm-recipe-details-label { color: #6F7F62; }

/* Ads never squeeze the layout */
.sofret-ad { margin: 2rem auto; min-height: 120px; text-align: center; }

/* Footer */
.sofret-footer a { color: #F2B544; }

@media (max-width: 600px) {
  .sofret-hero { border-radius: 0; margin-inline: calc(-1 * var(--wp--style--root--padding-left)) !important; }
}