/* Nosh with Mikki — WP Recipe Maker "NWM" template, full brand redesign.
   Applied via the theme because the WPRM Template Editor's save path is
   broken (save AJAX hangs in every editor view; confirmed Oct 12, 2026).
   Targets the site's custom "nwm" template classes plus generic WPRM fallbacks. */

/* ---------- Card container ---------- */
.wprm-recipe-template-nwm,
.wprm-recipe {
	border: 2px solid #E6D5F5;
	border-radius: 16px;
	background: #FDFBF7;
	overflow: hidden;
	padding: clamp(20px, 4vw, 40px);
	box-shadow: 0 10px 30px rgba(75, 30, 110, 0.10);
	color: #2C2433;
	font-family: "Nunito Sans", -apple-system, "Segoe UI", sans-serif;
}

/* Header band: unify to cream (template default was maroon) */
.wprm-recipe-template-nwm .wprm-recipe-header,
.wprm-recipe .wprm-recipe-header {
	background: #FDFBF7 !important;
	border: none;
	padding: 0;
	margin-bottom: 8px;
}

/* ---------- Title ---------- */
.wprm-recipe-template-nwm .wprm-recipe-name,
.wprm-recipe .wprm-recipe-name {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 700;
	font-size: clamp(1.7rem, 2.5vw + 1rem, 2.4rem);
	color: #4B1E6E;
	line-height: 1.15;
	margin: 0 0 12px;
}

/* ---------- Recipe image ---------- */
.wprm-recipe-template-nwm .wprm-recipe-image-container,
.wprm-recipe .wprm-recipe-image-container {
	margin: 16px 0 24px;
}
.wprm-recipe-template-nwm .wprm-recipe-image img,
.wprm-recipe .wprm-recipe-image img {
	border-radius: 12px;
	border: 4px solid #E6D5F5;
}

/* ---------- Rating stars ---------- */
.wprm-recipe-template-nwm .wprm-recipe-rating svg,
.wprm-recipe .wprm-recipe-rating svg {
	color: #B565D8;
	fill: #B565D8;
}

/* ---------- Meta row: tidy centered grid ---------- */
.wprm-recipe-template-nwm .wprm-recipe-meta-container,
.wprm-recipe .wprm-recipe-meta-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 28px;
	margin: 20px 0;
	padding: 16px 8px;
	border-top: 1px solid #E6D5F5;
	border-bottom: 1px solid #E6D5F5;
	background: transparent;
}
.wprm-recipe-template-nwm .wprm-recipe-meta-container .wprm-recipe-meta,
.wprm-recipe .wprm-recipe-meta-container .wprm-recipe-meta {
	background: transparent;
	border-radius: 0;
	color: #2C2433;
	text-align: center;
	padding: 0;
	margin: 0;
}
.wprm-recipe-template-nwm .wprm-recipe-meta-label,
.wprm-recipe .wprm-recipe-meta-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7B2FBE;
	margin-bottom: 2px;
}
.wprm-recipe-template-nwm .wprm-recipe-meta .wprm-recipe-details,
.wprm-recipe-template-nwm .wprm-recipe-meta .wprm-recipe-detail,
.wprm-recipe .wprm-recipe-meta .wprm-recipe-details,
.wprm-recipe .wprm-recipe-meta .wprm-recipe-detail {
	color: #2C2433;
	font-weight: 600;
}

/* ---------- Buttons: eggplant pills ---------- */
.wprm-recipe-template-nwm .wprm-recipe-buttons-container,
.wprm-recipe .wprm-recipe-buttons-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0;
}
.wprm-recipe-print,
.wprm-recipe-jump,
.wprm-recipe-jump-to-recipe,
.wprm-recipe-save,
.wprm-recipe-add-to-shopping-list,
a.wprm-call-to-action {
	background-color: #4B1E6E !important;
	border: 2px solid #4B1E6E !important;
	color: #FDFBF7 !important;
	border-radius: 999px !important;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 22px;
	display: inline-block;
}
.wprm-recipe-print:hover,
.wprm-recipe-jump:hover,
.wprm-recipe-jump-to-recipe:hover,
.wprm-recipe-save:hover,
.wprm-recipe-add-to-shopping-list:hover,
a.wprm-call-to-action:hover {
	background-color: #7B2FBE !important;
	border-color: #7B2FBE !important;
	color: #FDFBF7 !important;
}

/* ---------- Section headings with orchid accent bar ---------- */
.wprm-recipe-template-nwm .wprm-recipe-ingredients-container > h3,
.wprm-recipe-template-nwm .wprm-recipe-instructions-container > h3,
.wprm-recipe-template-nwm .wprm-recipe-notes-container > h3,
.wprm-recipe-template-nwm-container h3,
.wprm-recipe h3 {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 700;
	color: #4B1E6E;
	font-size: 1.45rem;
	margin: 30px 0 14px;
	padding-bottom: 8px;
	border-bottom: 3px solid #B565D8;
	display: inline-block;
}
.wprm-recipe-template-nwm .wprm-recipe-ingredient-group-name,
.wprm-recipe-template-nwm .wprm-recipe-instruction-group-name,
.wprm-recipe .wprm-recipe-ingredient-group-name,
.wprm-recipe .wprm-recipe-instruction-group-name {
	color: #4B1E6E;
	font-family: "Fraunces", Georgia, serif;
	font-weight: 600;
}

/* ---------- Ingredients & instructions ---------- */
.wprm-recipe-template-nwm .wprm-recipe-ingredients,
.wprm-recipe .wprm-recipe-ingredients,
.wprm-recipe-template-nwm .wprm-recipe-instructions,
.wprm-recipe .wprm-recipe-instructions {
	color: #2C2433;
}
.wprm-recipe-template-nwm .wprm-recipe-ingredients li,
.wprm-recipe .wprm-recipe-ingredients li {
	margin-bottom: 8px;
}
.wprm-recipe-template-nwm .wprm-recipe-ingredients li::marker,
.wprm-recipe .wprm-recipe-ingredients li::marker {
	color: #7B2FBE;
}
.wprm-recipe-template-nwm .wprm-recipe-instructions li,
.wprm-recipe .wprm-recipe-instructions li {
	margin-bottom: 14px;
	line-height: 1.65;
}
.wprm-recipe-template-nwm .wprm-recipe-instructions li::marker,
.wprm-recipe .wprm-recipe-instructions li::marker {
	color: #4B1E6E;
	font-family: "Fraunces", Georgia, serif;
	font-weight: 700;
	font-size: 1.15em;
}

/* ---------- Notes: lilac box ---------- */
.wprm-recipe-template-nwm .wprm-recipe-notes-container,
.wprm-recipe .wprm-recipe-notes-container {
	background: #E6D5F5;
	border-radius: 12px;
	padding: 18px 22px;
	margin-top: 26px;
}
.wprm-recipe-template-nwm .wprm-recipe-notes,
.wprm-recipe .wprm-recipe-notes {
	color: #2C2433;
}

/* ---------- Links ---------- */
.wprm-recipe-template-nwm a,
.wprm-recipe a {
	color: #7B2FBE;
}
.wprm-recipe-template-nwm a:hover,
.wprm-recipe a:hover {
	color: #4B1E6E;
}

/* ---------- Nutrition ---------- */
.wprm-recipe-template-nwm .wprm-recipe-nutrition-container,
.wprm-recipe .wprm-recipe-nutrition-container {
	border-top: 1px solid #E6D5F5;
	margin-top: 24px;
	padding-top: 16px;
	color: #2C2433;
}