/* ==========================================================================
   My Secret Cuisine — recipe page + WP Recipe Maker card
   Paste BELOW brand.css in Appearance > Customize > Additional CSS.
   ========================================================================== */

/* ---------- Page ---------- */
.msc-breadcrumb,
.msc-breadcrumb a { font-size: .875rem; color: var(--msc-subtle); }
.msc-breadcrumb a:hover { color: var(--msc-copper); }
.msc-breadcrumb span { margin-inline: .35rem; }

.msc-recipe-title {
  font-size: clamp(3rem, 6vw, 4.75rem);
  line-height: 1;
  margin-bottom: 1rem;
}
.msc-recipe-lede {
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--msc-muted);
  max-width: 42rem;
}
.msc-byline { font-size: .9rem; color: var(--msc-muted); }
.msc-byline span { margin-inline: .35rem; }

.msc-recipe-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.msc-recipe-actions a,
.msc-recipe-actions .wprm-recipe-link {
  display: inline-flex !important;
  align-items: center;
  gap: .5rem;
  min-height: 48px;
  padding: 0 1.4rem !important;
  border-radius: 999px !important;
  border: 2px solid var(--msc-espresso) !important;
  background: #fff !important;
  color: var(--msc-espresso) !important;
  font-weight: 700;
  text-decoration: none !important;
}
.msc-recipe-actions .wprm-recipe-jump {
  background: var(--msc-copper) !important;
  border-color: var(--msc-copper) !important;
  color: #fff !important;
}

.msc-recipe-hero { margin: 0 0 2.5rem; }
.msc-recipe-hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 28px;
  display: block;
}

.msc-entry { font-size: 1.125rem; line-height: 1.75; color: #2E2520; }
.msc-entry > p,
.msc-entry > ul,
.msc-entry > ol { max-width: 45rem; }
.msc-entry h2 { font-size: 2rem; margin: 2.5rem 0 .75rem; }
.msc-entry h3 { font-size: 1.6rem; margin: 2rem 0 .5rem; }
.msc-entry img { border-radius: 20px; height: auto; }

/* ---------- Sidebar ---------- */
.msc-author-box {
  background: var(--msc-sand);
  border-radius: 24px;
  padding: 1.75rem;
}
.msc-author-box img { margin-bottom: .75rem; }
.msc-author-name { font-family: var(--msc-serif); font-weight: 700; font-size: 1.6rem; margin-bottom: .4rem; }
.msc-sidebar-title { font-size: 1.6rem; margin-bottom: 1rem; }

.msc-sidebar-related .row { --bs-gutter-y: 1rem; }
.msc-sidebar-related .msc-card { flex-direction: row; align-items: center; gap: 1rem; }
.msc-sidebar-related .msc-card img,
.msc-sidebar-related .msc-img-empty { width: 88px; flex: 0 0 88px; aspect-ratio: 1 / 1; border-radius: 16px; }
.msc-sidebar-related .msc-card-title { font-size: 1.2rem; }
.msc-sidebar-related .msc-card-time { display: none; }

.msc-ad-box { min-height: 250px; }
.msc-ad-tall { min-height: 600px; }
@media (min-width: 992px) {
  .msc-sticky { position: sticky; top: 1.5rem; }
}

/* The recipe card itself is styled by the msc-recipe WP Recipe Maker
   template (wprm-templates/recipe/msc-recipe in the child theme). */

/* ---------- Comments ---------- */
.msc-comments { border-top: 1px solid var(--msc-line); padding-top: 2.5rem; margin-top: 2.5rem; }
.msc-comments .comment-reply-title,
.msc-comments .comments-title { font-family: var(--msc-serif); font-weight: 700; font-size: 2rem; }
.msc-comments textarea,
.msc-comments input[type="text"],
.msc-comments input[type="email"],
.msc-comments input[type="url"] {
  width: 100%;
  border: 1px solid var(--msc-line-strong);
  border-radius: 16px;
  padding: .75rem 1rem;
}
.msc-comments .submit,
.msc-comments input[type="submit"],
.msc-comments .form-submit .btn {
  background: var(--msc-copper);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: .75rem 1.6rem;
  font-weight: 700;
  min-height: 48px;
}
.msc-comments input[type="submit"]:hover,
.msc-comments .form-submit .btn:hover { background: var(--msc-copper-dark); color: #fff; }


/* ---------- Rating under the recipe title ---------- */
.msc-recipe-rating { display: flex; align-items: center; gap: .6rem; margin: .5rem 0 0; font-size: .95rem; }
.msc-recipe-rating a { color: var(--msc-espresso); text-decoration: none; display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; }
.msc-recipe-rating a:hover { color: var(--msc-copper); }
.msc-recipe-rating > .msc-stars + a { color: var(--msc-copper); text-decoration: underline; text-underline-offset: 3px; }
.msc-recipe-rating .msc-rating-num { font-size: 1rem; }

/* WP Recipe Maker comment-rating stars in the comment form and list */
.msc-comments .comment-form-wprm-rating { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.msc-comments .comment-form-wprm-rating label { font-weight: 700; }
.msc-comments .wprm-comment-ratings-container input + span,
.msc-comments .wprm-comment-ratings-container svg { cursor: pointer; }
.msc-comments .wprm-comment-rating { margin-bottom: .25rem; }