/* Offer blocks on the product page: A card, B coupon, C discount steps.
   --o is the block color from Settings, --o-ink the text color on it; corners follow the theme's button. */
.dlv-sdr-offers {
	--cierto-dr-offer-radius-tl: 4px;
	--cierto-dr-offer-radius-tr: 4px;
	--cierto-dr-offer-radius-br: 4px;
	--cierto-dr-offer-radius-bl: 4px;
	display:grid; gap:10px; margin:16px 0; width:100%;
}
.dlv-sdr-offer {
	--r: var(--cierto-dr-offer-radius-tl, 4px);
	/* One small radius for the block and everything inside it: the theme button's, at most 4px (as in the admin). */
	--rb: min(var(--r), 4px);
	--ri: min(var(--r), 4px);
	--o-dark: var(--o);
	--o-dark: color-mix(in srgb, var(--o) 82%, #000);
	--o-soft: #fff;
	--o-soft: color-mix(in srgb, var(--o) 7%, #fff);
	--o-line: var(--o);
	--o-line: color-mix(in srgb, var(--o) 40%, #fff);
	box-sizing:border-box; width:100%; min-width:0; font-family:inherit; font-size:15px; line-height:1.35; color:var(--o-dark); text-align:left;
}
.dlv-sdr-offer *, .dlv-sdr-offer *::before, .dlv-sdr-offer *::after { box-sizing:border-box; }
.dlv-sdr-offer__title { display:block; margin:0; color:var(--o-dark); font-size:1.06em; font-weight:700; line-height:1.3; }
.dlv-sdr-offer__until {
	flex:none; display:inline-block; padding:4px 11px; border:1px solid var(--o-line); border-radius:var(--ri);
	background:#fff; color:var(--o-dark); font-size:.9em; font-weight:500; line-height:1.3; white-space:nowrap;
}
.dlv-sdr-offers .dlv-sdr-offer button {
	-webkit-appearance:none; appearance:none; margin:0; min-height:0; height:auto; box-shadow:none; text-shadow:none;
	font-family:inherit; text-transform:none; letter-spacing:normal; line-height:1.3; cursor:pointer;
}

/* A — card */
.dlv-sdr-offer--card { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:12px 16px; border:1px solid var(--o-line); border-radius:var(--rb); background:var(--o-soft); }
.dlv-sdr-offer__tag { display:inline-flex; flex:0 0 30px; width:30px; height:30px; color:var(--o); }
.dlv-sdr-offer__tag svg { display:block; width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.dlv-sdr-offer__tag .dlv-sdr-offer__percent { fill:currentColor; stroke:none; font-family:Arial,Helvetica,sans-serif; font-size:8px; font-weight:700; }
.dlv-sdr-offer--card .dlv-sdr-offer__body { display:flex; flex:1 1 220px; min-width:0; flex-direction:column; gap:2px; }
.dlv-sdr-offer__line { display:block; font-size:1em; }
.dlv-sdr-offer__line strong { color:inherit; font-weight:700; }
.dlv-sdr-offer__sep { opacity:.6; }
.dlv-sdr-offer--card .dlv-sdr-offer__until { margin-left:auto; }

/* B — coupon */
.dlv-sdr-offer--coupon { display:flex; align-items:stretch; border:1.5px solid var(--o); border-radius:var(--rb); background:var(--o-soft); overflow:hidden; }
.dlv-sdr-offer__stub {
	flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:104px; padding:12px 16px;
	background:var(--o); color:var(--o-ink); border-right:2px dotted var(--o-soft); text-align:center;
}
.dlv-sdr-offer__stub b { font-size:2em; font-weight:800; line-height:1; color:inherit; white-space:nowrap; }
.dlv-sdr-offer__stub small { font-size:.9em; line-height:1.2; color:inherit; }
.dlv-sdr-offer--coupon .dlv-sdr-offer__body { display:flex; flex:1 1 auto; min-width:0; flex-direction:column; align-items:flex-start; gap:4px; padding:12px 16px; }
.dlv-sdr-offer__meta { font-size:.95em; }
.dlv-sdr-offer__dot:has(+ [hidden]), [hidden] + .dlv-sdr-offer__dot { display:none; }
.dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__take {
	margin-top:4px; padding:5px 14px; border:1.5px solid var(--o); border-radius:var(--ri); background:#fff; color:var(--o-dark); font-size:.95em; font-weight:700;
}
.dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__take:hover, .dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__take:focus-visible { background:var(--o); color:var(--o-ink); }
.dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__take[hidden] { display:none; }

/* C — discount steps */
.dlv-sdr-offer--tiers { display:grid; gap:10px; padding:14px 16px; border:1px solid var(--o-line); border-radius:var(--rb); background:var(--o-soft); }
.dlv-sdr-offer__head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.dlv-sdr-offer__steps { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(86px,1fr); gap:8px; overflow-x:auto; padding-bottom:2px; }
.dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__step {
	display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 6px; border:1px solid var(--o-line); border-radius:var(--ri);
	background:#fff; color:#2b2f36; font-size:1em; font-weight:400; text-align:center;
}
.dlv-sdr-offer__step b { font-size:1.05em; font-weight:700; color:inherit; }
.dlv-sdr-offer__step span { font-size:.95em; opacity:.85; }
.dlv-sdr-offers .dlv-sdr-offer .dlv-sdr-offer__step.is-active { border-color:var(--o); background:var(--o-soft); color:var(--o-dark); box-shadow:inset 0 0 0 1px var(--o); }
.dlv-sdr-offer__step.is-active span { opacity:1; }
.dlv-sdr-offer__hint { display:block; font-size:.97em; color:#3a3f47; }
.dlv-sdr-offer__hint b { color:var(--o-dark); font-weight:700; }
.dlv-sdr-offer__bar { display:block; height:6px; border-radius:var(--ri); background:var(--o-line); background:color-mix(in srgb, var(--o) 14%, #fff); overflow:hidden; }
.dlv-sdr-offer__bar i { display:block; height:100%; background:var(--o); transition:width .25s ease; }

@media (max-width:520px) {
	.dlv-sdr-offers { margin:13px 0; gap:8px; }
	.dlv-sdr-offer { font-size:14px; }
	.dlv-sdr-offer--card { padding:10px 12px; }
	.dlv-sdr-offer--card .dlv-sdr-offer__until { margin-left:44px; }
	.dlv-sdr-offer__stub { min-width:84px; padding:10px 12px; }
	.dlv-sdr-offer--coupon .dlv-sdr-offer__body { padding:10px 12px; }
}
.dlv-sdr-pair-price { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.3em .45em; }
.dlv-sdr-pair-price__regular { opacity:.65; font-weight:500; }
.dlv-sdr-pair-price__effective { text-decoration:none; font-weight:700; }

.dlv-sdr-offer [hidden]{display:none!important}
/* Narrow product columns: the end date goes under the text instead of squeezing it. */
.dlv-sdr-offers { container-type:inline-size; }
@container (max-width:460px) {
	.dlv-sdr-offer--card .dlv-sdr-offer__until { margin-left:44px; }
	.dlv-sdr-offer__head .dlv-sdr-offer__until { order:2; }
	.dlv-sdr-offer__steps { grid-auto-columns:minmax(64px,1fr); gap:6px; }
}
@container (max-width:460px) { .dlv-sdr-offer--no-icon .dlv-sdr-offer__until { margin-left:0; } }
@media (max-width:520px) { .dlv-sdr-offer--no-icon .dlv-sdr-offer__until { margin-left:0; } }