/* ADA Core · WPRM Free adjustable servings compatibility.
 * v3.1.7 keeps the scaler integrated with the existing Magic Bloom servings band.
 * The complete navy band is the interaction target; WPRM remains the recipe-data owner.
 */

/* Full-row trigger -------------------------------------------------------- */
.tlcl-servings-band.ada-wprm-band-trigger{
	position:relative!important;
	isolation:isolate;
	cursor:pointer!important;
	user-select:none;
	-webkit-tap-highlight-color:transparent;
	transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.tlcl-servings-band.ada-wprm-band-trigger::after{
	content:"";
	width:8px;
	height:8px;
	margin-left:8px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg) translateY(-2px);
	opacity:.72;
	transition:transform .18s ease,opacity .18s ease;
	flex:0 0 auto;
}
.tlcl-servings-band.ada-wprm-band-trigger:hover,
.tlcl-servings-band.ada-wprm-band-trigger[data-ada-scaler-open="1"]{
	box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 8px 20px rgba(15,44,66,.12)!important;
}
.tlcl-servings-band.ada-wprm-band-trigger:hover::after,
.tlcl-servings-band.ada-wprm-band-trigger[data-ada-scaler-open="1"]::after{
	opacity:1;
	transform:rotate(225deg) translate(-1px,-1px);
}
.tlcl-servings-band.ada-wprm-band-trigger:focus-visible{
	outline:3px solid rgba(255,255,255,.92)!important;
	outline-offset:-5px!important;
	box-shadow:inset 0 0 0 6px rgba(15,44,66,.28)!important;
}

/* The numeric WPRM span is no longer the tiny pointer target when a band exists. */
.tlcl-servings-band.ada-wprm-band-trigger .ada-wprm-servings-trigger{
	position:relative;
	display:inline-flex;
	align-items:center;
	pointer-events:none!important;
	cursor:inherit!important;
	outline:none!important;
}
.ada-wprm-servings-trigger{
	position:relative;
	display:inline-flex;
	align-items:center;
	cursor:pointer!important;
	pointer-events:auto!important;
	outline:none;
}
.ada-wprm-servings-trigger:focus-visible{
	border-radius:7px;
	box-shadow:0 0 0 3px rgba(255,255,255,.28),0 0 0 5px rgba(15,44,66,.28);
}

/* Floating scaler -------------------------------------------------------- */
.ada-wprm-servings-popover{
	--ada-scaler-navy:var(--tlcl-navy,#0f2c42);
	--ada-scaler-coral:var(--tlcl-coral,#ff8257);
	--ada-scaler-mint:var(--tlcl-mint,#8ad9a2);
	--ada-scaler-ink:#173345;
	--ada-scaler-muted:#73858d;
	--ada-scaler-line:#dfe9e6;
	--ada-arrow-left:50%;
	position:fixed!important;
	z-index:1000000!important;
	box-sizing:border-box;
	width:min(360px,calc(100vw - 28px));
	padding:0!important;
	border:1px solid rgba(15,44,66,.14)!important;
	border-radius:22px!important;
	background:rgba(255,255,255,.98)!important;
	box-shadow:0 24px 70px rgba(15,44,66,.22),0 4px 14px rgba(15,44,66,.09)!important;
	color:var(--ada-scaler-ink)!important;
	font-family:inherit;
	line-height:1.3;
	transform:none!important;
	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);
}
.ada-wprm-servings-popover[hidden]{display:none!important}
.ada-wprm-servings-popover::after{
	content:"";
	position:absolute;
	left:var(--ada-arrow-left);
	width:14px;
	height:14px;
	background:#fff;
	border:1px solid rgba(15,44,66,.12);
	transform:translateX(-50%) rotate(45deg);
	z-index:-1;
}
.ada-wprm-servings-popover[data-placement="top"]::after{
	bottom:-7px;
	border-left:0;
	border-top:0;
}
.ada-wprm-servings-popover[data-placement="bottom"]::after{
	top:-7px;
	border-right:0;
	border-bottom:0;
}
.ada-wprm-servings-popover .tippy-content{
	padding:18px!important;
	border-radius:inherit;
	overflow:hidden;
}
.ada-wprm-servings-popover .wprm-recipe-servings-adjustable-container{
	display:block!important;
	visibility:visible!important;
	position:static!important;
	width:auto!important;
	height:auto!important;
	max-width:none!important;
	overflow:visible!important;
}
.ada-wprm-servings-popover__head{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
	gap:16px;
	margin:0 0 17px;
}
.ada-wprm-servings-popover__eyebrow{
	display:block;
	margin:0 0 4px;
	color:var(--ada-scaler-coral)!important;
	font-size:9px;
	font-weight:900;
	letter-spacing:.12em;
	line-height:1;
	text-transform:uppercase;
}
.ada-wprm-servings-popover__title{
	display:block;
	margin:0;
	color:var(--ada-scaler-navy)!important;
	font-size:16px;
	font-weight:900;
	letter-spacing:-.015em;
	line-height:1.15;
}
.ada-wprm-servings-popover__subtitle{
	display:block;
	margin:5px 0 0;
	color:var(--ada-scaler-muted)!important;
	font-size:10px;
	font-weight:600;
	line-height:1.35;
}
.ada-wprm-servings-popover__value-wrap{
	display:grid;
	place-items:center;
	min-width:58px;
	height:58px;
	padding:4px 10px;
	border-radius:18px;
	background:linear-gradient(145deg,var(--ada-scaler-navy),#173f59);
	box-shadow:0 9px 20px rgba(15,44,66,.18);
}
.ada-wprm-servings-popover__value{
	display:block;
	color:#fff!important;
	font-size:23px;
	font-weight:900;
	font-variant-numeric:tabular-nums;
	letter-spacing:-.04em;
	line-height:1;
}
.ada-wprm-servings-popover__value-label{
	display:block;
	margin-top:3px;
	color:rgba(255,255,255,.72)!important;
	font-size:7px;
	font-weight:800;
	letter-spacing:.08em;
	line-height:1;
	text-transform:uppercase;
}
.ada-wprm-servings-popover__controls{
	padding:14px;
	border:1px solid var(--ada-scaler-line);
	border-radius:18px;
	background:#f8fbfa;
}
.ada-wprm-servings-popover__slider-row{
	display:grid;
	grid-template-columns:38px minmax(0,1fr) 38px;
	align-items:center;
	gap:12px;
}
.ada-wprm-servings-step{
	display:grid!important;
	place-items:center;
	width:38px!important;
	height:38px!important;
	min-width:38px!important;
	margin:0!important;
	padding:0!important;
	border:1px solid #d6e2de!important;
	border-radius:13px!important;
	background:#fff!important;
	box-shadow:0 4px 10px rgba(15,44,66,.07)!important;
	color:var(--ada-scaler-navy)!important;
	font:900 22px/1 Arial,sans-serif!important;
	cursor:pointer;
	transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease!important;
}
.ada-wprm-servings-step:hover,
.ada-wprm-servings-step:focus-visible{
	transform:translateY(-1px);
	border-color:var(--ada-scaler-coral)!important;
	background:#fff8f5!important;
	box-shadow:0 7px 14px rgba(15,44,66,.10)!important;
	outline:none;
}
.ada-wprm-servings-step:active{transform:translateY(0) scale(.96)}
.ada-wprm-servings-slider-wrap{
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	height:38px;
}
.ada-wprm-servings-popover .wprm-recipe-servings-slider,
.ada-wprm-servings-popover .wprm-recipe-servings-slider-input{
	display:block!important;
	visibility:visible!important;
	position:static!important;
	left:auto!important;
	top:auto!important;
	width:100%!important;
	height:6px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:999px!important;
	background:linear-gradient(to right,var(--ada-scaler-coral) 0,var(--ada-scaler-coral) var(--ada-range-progress,0%),#dce7e3 var(--ada-range-progress,0%),#dce7e3 100%)!important;
	cursor:pointer;
	-webkit-appearance:none!important;
	appearance:none!important;
	outline:none!important;
}
.ada-wprm-servings-popover input[type="range"]::-webkit-slider-thumb{
	width:22px;
	height:22px;
	border:4px solid #fff;
	border-radius:50%;
	background:var(--ada-scaler-coral);
	box-shadow:0 3px 9px rgba(15,44,66,.25);
	-webkit-appearance:none;
	appearance:none;
}
.ada-wprm-servings-popover input[type="range"]::-moz-range-thumb{
	width:16px;
	height:16px;
	border:4px solid #fff;
	border-radius:50%;
	background:var(--ada-scaler-coral);
	box-shadow:0 3px 9px rgba(15,44,66,.25);
}
.ada-wprm-servings-popover__foot{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:10px;
	margin-top:11px;
	color:var(--ada-scaler-muted)!important;
	font-size:9px;
	font-weight:800;
}
.ada-wprm-servings-popover__foot > span:last-child{text-align:right}
.ada-wprm-servings-reset{
	margin:0!important;
	padding:6px 10px!important;
	border:0!important;
	border-radius:999px!important;
	background:transparent!important;
	box-shadow:none!important;
	color:var(--ada-scaler-navy)!important;
	font:800 9px/1 inherit!important;
	text-decoration:none!important;
	cursor:pointer;
}
.ada-wprm-servings-reset:hover,
.ada-wprm-servings-reset:focus-visible{
	background:#edf5f2!important;
	outline:none;
}

/* Dedicated pill compatibility output remains available for third-party templates. */
.ada-wprm-adjustable-servings .wprm-toggle-pills-container button.wprm-toggle{
	transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.ada-wprm-adjustable-servings .wprm-toggle-pills-container button.wprm-toggle:hover{transform:translateY(-1px)}

/* Dark mode -------------------------------------------------------------- */
html[data-mb-theme="dark"] .ada-wprm-servings-popover{
	--ada-scaler-ink:#f2f6f7;
	--ada-scaler-muted:#b7c4c9;
	--ada-scaler-line:#304650;
	background:rgba(17,35,45,.98)!important;
	border-color:#304650!important;
	box-shadow:0 26px 70px rgba(0,0,0,.38),0 4px 14px rgba(0,0,0,.18)!important;
}
html[data-mb-theme="dark"] .ada-wprm-servings-popover::after{background:#11232d;border-color:#304650}
html[data-mb-theme="dark"] .ada-wprm-servings-popover__title{color:#f2f6f7!important}
html[data-mb-theme="dark"] .ada-wprm-servings-popover__controls{background:#142b36;border-color:#304650}
html[data-mb-theme="dark"] .ada-wprm-servings-step{background:#18313d!important;border-color:#38505b!important;color:#f2f6f7!important}
html[data-mb-theme="dark"] .ada-wprm-servings-step:hover,
html[data-mb-theme="dark"] .ada-wprm-servings-step:focus-visible{background:#203a46!important}
html[data-mb-theme="dark"] .ada-wprm-servings-reset{color:#e9f0f2!important}
html[data-mb-theme="dark"] .ada-wprm-servings-reset:hover,
html[data-mb-theme="dark"] .ada-wprm-servings-reset:focus-visible{background:#203a46!important}

@media(max-width:600px){
	.tlcl-servings-band.ada-wprm-band-trigger::after{margin-left:5px}
	.ada-wprm-servings-popover{
		width:calc(100vw - 20px);
		max-width:420px;
		border-radius:22px!important;
	}
	.ada-wprm-servings-popover::after{display:none}
	.ada-wprm-servings-popover .tippy-content{padding:17px!important}
	.ada-wprm-servings-popover__head{gap:12px}
	.ada-wprm-servings-popover__title{font-size:15px}
	.ada-wprm-servings-popover__value-wrap{min-width:54px;height:54px;border-radius:17px}
	.ada-wprm-servings-popover__value{font-size:21px}
	.ada-wprm-servings-popover__controls{padding:13px}
}
@media(hover:none){
	.tlcl-servings-band.ada-wprm-band-trigger:hover{box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){
	.tlcl-servings-band.ada-wprm-band-trigger,
	.tlcl-servings-band.ada-wprm-band-trigger::after,
	.ada-wprm-servings-step,
	.ada-wprm-adjustable-servings .wprm-toggle-pills-container button.wprm-toggle{transition:none!important}
}

/* Win against older Magic Bloom/WPRM tippy compatibility rules without touching other tooltips. */
body.single-post .ada-wprm-servings-popover.tippy-box[data-theme*="wprm"]{
	width:min(360px,calc(100vw - 28px))!important;
	padding:0!important;
	border:1px solid rgba(15,44,66,.14)!important;
	border-radius:22px!important;
	background:rgba(255,255,255,.98)!important;
	box-shadow:0 24px 70px rgba(15,44,66,.22),0 4px 14px rgba(15,44,66,.09)!important;
	color:var(--ada-scaler-ink)!important;
}
body.single-post .ada-wprm-servings-popover.tippy-box[data-theme*="wprm"] .tippy-content{padding:18px!important}
body.single-post .ada-wprm-servings-popover.tippy-box .wprm-recipe-servings-adjustable-container{
	display:block!important;visibility:visible!important;position:static!important;width:auto!important;height:auto!important;max-width:none!important;overflow:visible!important;
}
body.single-post .ada-wprm-servings-popover.tippy-box .wprm-recipe-servings-slider-input,
body.single-post .ada-wprm-servings-popover.tippy-box .wprm-recipe-servings-slider{
	display:block!important;visibility:visible!important;position:static!important;width:100%!important;height:6px!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;
}
html[data-mb-theme="dark"] body.single-post .ada-wprm-servings-popover.tippy-box[data-theme*="wprm"]{
	background:rgba(17,35,45,.98)!important;border-color:#304650!important;color:#f2f6f7!important;
}
@media(max-width:600px){body.single-post .ada-wprm-servings-popover.tippy-box[data-theme*="wprm"]{width:calc(100vw - 20px)!important;max-width:420px!important}}

/* Final visual polish for the ADA-owned popover stacking layer. */
.ada-wprm-servings-popover{animation:ada-wprm-scaler-in .16s ease-out both}
.ada-wprm-servings-popover::after{z-index:0}
.ada-wprm-servings-popover .tippy-content{position:relative;z-index:1;background:inherit}
@keyframes ada-wprm-scaler-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ada-wprm-servings-popover{animation:none!important}}