/* Magic Bloom DIY — Smart Surprise v43 */
.mb-smart-surprise-section{
	--ss-navy:#0f2c42;--ss-ink:#18303b;--ss-mint:#d0f1da;--ss-green:#74d18c;
	--ss-coral:#f7775e;--ss-yellow:#ffd46a;--ss-cream:#fffaf1;
	position:relative;width:100vw!important;max-width:none!important;
	margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
	padding:72px 0;overflow:hidden;
	background:
		radial-gradient(circle at 12% 18%,rgba(116,209,140,.15),transparent 26%),
		radial-gradient(circle at 88% 82%,rgba(247,119,94,.12),transparent 27%),
		linear-gradient(135deg,#0b2635 0%,#10364a 54%,#0c2939 100%);
}
.mb-smart-surprise-section:before,.mb-smart-surprise-section:after{
	content:"";position:absolute;pointer-events:none;border-radius:50%;
	border:1px solid rgba(255,255,255,.08)
}
.mb-smart-surprise-section:before{width:470px;height:470px;right:-170px;top:-205px;animation:mbSmartOrbit 18s linear infinite}
.mb-smart-surprise-section:after{width:280px;height:280px;left:-130px;bottom:-145px;border-color:rgba(116,209,140,.14);animation:mbSmartOrbit 24s linear infinite reverse}
@keyframes mbSmartOrbit{to{transform:rotate(360deg)}}
.mb-smart-surprise-wrap{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto!important}
.mb-smart-surprise-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.8fr);column-gap:70px;align-items:end;margin-bottom:30px}
.mb-smart-surprise-kicker{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 9px!important;color:var(--ss-yellow);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mb-smart-surprise-spark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,212,106,.12);animation:mbSmartPulse 2.8s ease-in-out infinite}
@keyframes mbSmartPulse{50%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(255,212,106,0)}}
.mb-smart-surprise-heading h2{margin:0!important;color:#fff!important;font-family:Oswald,"Arial Narrow",sans-serif!important;font-size:clamp(42px,5vw,67px)!important;font-weight:700!important;line-height:.95!important;letter-spacing:-.025em!important}
.mb-smart-surprise-heading>p:last-child{max-width:460px;margin:0!important;color:#bfd0d8;font-size:15px;line-height:1.65}
.mb-smart-surprise-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:430px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:rgba(7,28,40,.48);box-shadow:0 32px 70px rgba(0,0,0,.23);backdrop-filter:blur(10px);overflow:hidden;isolation:isolate}
.mb-smart-surprise-stage:after{content:"";position:absolute;z-index:4;inset:-150% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.11) 50%,transparent 58%);transform:translateX(-35%);animation:mbSmartSheen 9s ease-in-out infinite}
@keyframes mbSmartSheen{0%,62%{transform:translateX(-45%)}85%,100%{transform:translateX(45%)}}
.mb-smart-surprise-media{position:relative;min-width:0;min-height:430px;background:#193c4d}
.mb-smart-surprise-media>a{position:absolute;inset:0;display:block}
.mb-smart-surprise-media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .28s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .28s ease}
.mb-smart-surprise-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(116,209,140,.18),rgba(255,212,106,.06)),#163849}
.mb-smart-surprise-placeholder span{display:grid;place-items:center;width:88px;height:88px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--ss-yellow);font-size:34px}
.mb-smart-surprise-time-chip{position:absolute;z-index:6;left:20px;bottom:20px;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:1px;padding:11px 14px;border:1px solid rgba(255,255,255,.26);border-radius:15px;background:rgba(8,28,39,.78);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.mb-smart-surprise-time-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--ss-green);box-shadow:0 0 0 5px rgba(116,209,140,.12)}
.mb-smart-surprise-time-chip>span:not(.mb-smart-surprise-time-dot){color:#b8cad2;font-size:9px;font-weight:700}
.mb-smart-surprise-time-chip strong{color:#fff;font-size:11px;font-weight:900}
.mb-smart-surprise-card{position:relative;z-index:5;display:flex;flex-direction:column;padding:40px 38px 32px;background:var(--ss-cream);color:var(--ss-ink);transition:opacity .22s ease,transform .32s ease,filter .22s ease}
.mb-smart-surprise-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;color:var(--ss-coral);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mb-smart-surprise-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(15,44,66,.12);border-radius:50%;color:#8b9aa1;font-size:9px;letter-spacing:.03em}
.mb-smart-surprise-category{align-self:flex-start;margin-bottom:11px;color:#547463!important;font-size:10px;font-weight:900;text-decoration:none!important;text-transform:uppercase;letter-spacing:.07em}
.mb-smart-surprise-card h3{margin:0!important;color:var(--ss-navy)!important;font-family:Oswald,"Arial Narrow",sans-serif!important;font-size:clamp(34px,3.4vw,52px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.02em!important}
.mb-smart-surprise-card h3 a,.mb-smart-surprise-card h3 a:visited{color:inherit!important;text-decoration:none!important}
.mb-smart-surprise-excerpt{max-width:520px;margin:17px 0 24px!important;color:#61737c;font-size:14px;line-height:1.65}
.mb-smart-surprise-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.mb-smart-surprise-primary,.mb-smart-surprise-again{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;font-family:Poppins,Arial,sans-serif;font-size:11px;font-weight:900;line-height:1;text-decoration:none!important;cursor:pointer}
.mb-smart-surprise-primary{border:1px solid var(--ss-navy);background:var(--ss-navy);color:#fff!important}
.mb-smart-surprise-primary:hover{border-color:var(--ss-coral);background:var(--ss-coral);color:#10212b!important}
.mb-smart-surprise-again{border:1px solid rgba(15,44,66,.2);background:transparent;color:var(--ss-navy)}
.mb-smart-surprise-again:hover{border-color:var(--ss-green);background:var(--ss-mint)}
.mb-smart-surprise-again svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb-smart-surprise-privacy{display:flex;align-items:center;gap:7px;margin:22px 0 0!important;color:#87959b;font-size:9px;line-height:1.45}
.mb-smart-surprise-privacy svg{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:#668578;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mb-smart-surprise.is-shuffling .mb-smart-surprise-card{opacity:.24;transform:translateY(7px);filter:blur(2px)}
.mb-smart-surprise.is-shuffling .mb-smart-surprise-media img{opacity:.35;transform:scale(1.035);filter:blur(3px)}
.mb-smart-surprise.is-shuffling .mb-smart-surprise-again svg{animation:mbSmartShuffle .55s ease}
@keyframes mbSmartShuffle{to{transform:rotate(360deg)}}
html[data-mb-theme="dark"] .mb-smart-surprise-section{--ss-cream:#10212b;--ss-ink:#edf3f5;background:radial-gradient(circle at 12% 18%,rgba(116,209,140,.11),transparent 25%),radial-gradient(circle at 88% 82%,rgba(247,119,94,.09),transparent 26%),linear-gradient(135deg,#07151d 0%,#0b202c 58%,#081821 100%)}
html[data-mb-theme="dark"] .mb-smart-surprise-stage{border-color:rgba(255,255,255,.11);background:rgba(5,17,24,.58)}
html[data-mb-theme="dark"] .mb-smart-surprise-card{background:#10212b;color:#eaf1f4}
html[data-mb-theme="dark"] .mb-smart-surprise-number{border-color:rgba(255,255,255,.12);color:#9aaab2}
html[data-mb-theme="dark"] .mb-smart-surprise-category{color:#95dfa9!important}
html[data-mb-theme="dark"] .mb-smart-surprise-card h3,html[data-mb-theme="dark"] .mb-smart-surprise-card h3 a{color:#f3f7f8!important}
html[data-mb-theme="dark"] .mb-smart-surprise-excerpt{color:#b7c5cb!important}
html[data-mb-theme="dark"] .mb-smart-surprise-primary{border-color:#8bd49f;background:#8bd49f;color:#0a1b23!important}
html[data-mb-theme="dark"] .mb-smart-surprise-primary:hover{border-color:var(--ss-yellow);background:var(--ss-yellow)}
html[data-mb-theme="dark"] .mb-smart-surprise-again{border-color:#425863;color:#e8eff2}
html[data-mb-theme="dark"] .mb-smart-surprise-again:hover{border-color:#8bd49f;background:#17372d}
html[data-mb-theme="dark"] .mb-smart-surprise-privacy{color:#91a2aa}
@media(max-width:900px){.mb-smart-surprise-section{padding:56px 0}.mb-smart-surprise-heading{grid-template-columns:1fr;gap:12px}.mb-smart-surprise-heading>p:last-child{max-width:680px}.mb-smart-surprise-stage{grid-template-columns:1fr}.mb-smart-surprise-media{min-height:410px}.mb-smart-surprise-card{padding:30px}}
@media(max-width:767px){.mb-smart-surprise-section{padding:42px 0}.mb-smart-surprise-wrap{width:min(100% - 28px,1180px)}.mb-smart-surprise-heading{margin-bottom:20px}.mb-smart-surprise-heading h2{font-size:42px!important}.mb-smart-surprise-heading>p:last-child{font-size:13px}.mb-smart-surprise-stage{border-radius:22px}.mb-smart-surprise-media{min-height:310px}.mb-smart-surprise-time-chip{left:12px;bottom:12px;padding:9px 11px}.mb-smart-surprise-card{padding:23px 19px 20px}.mb-smart-surprise-card h3{font-size:34px!important}.mb-smart-surprise-excerpt{font-size:12px;margin:13px 0 18px!important}.mb-smart-surprise-actions{display:grid;grid-template-columns:1fr}.mb-smart-surprise-primary,.mb-smart-surprise-again{width:100%;min-height:47px}.mb-smart-surprise-privacy{margin-top:16px!important}}
@media(prefers-reduced-motion:reduce){.mb-smart-surprise-section:before,.mb-smart-surprise-section:after,.mb-smart-surprise-spark,.mb-smart-surprise-stage:after{animation:none!important}.mb-smart-surprise-card,.mb-smart-surprise-media img{transition:none!important}}


/* ==========================================================================
   Smart Surprise v44 — featured image + persistent button-state fixes
   ========================================================================== */

/*
 * WordPress/GeneratePress can apply a generic button :focus background after
 * a click. Keep the component's own visual state authoritative so the button
 * never looks "stuck" until the visitor clicks elsewhere.
 */
.mb-smart-surprise-again,
.mb-smart-surprise-again:visited{
	-webkit-appearance:none!important;
	appearance:none!important;
	background:transparent!important;
	border:1px solid rgba(15,44,66,.20)!important;
	color:var(--ss-navy)!important;
	box-shadow:none!important;
	outline:none;
	-webkit-tap-highlight-color:transparent;
}
.mb-smart-surprise-again:hover,
.mb-smart-surprise-again:focus{
	background:var(--ss-mint)!important;
	border-color:var(--ss-green)!important;
	color:var(--ss-navy)!important;
	box-shadow:none!important;
}
.mb-smart-surprise-again:active{
	background:#bfe9cc!important;
	border-color:var(--ss-green)!important;
	color:var(--ss-navy)!important;
	transform:translateY(1px);
}
.mb-smart-surprise-again:focus-visible{
	outline:3px solid rgba(116,209,140,.42)!important;
	outline-offset:3px!important;
}

/* Primary link gets the same predictable focus treatment. */
.mb-smart-surprise-primary:focus,
.mb-smart-surprise-primary:focus-visible{
	background:var(--ss-coral)!important;
	border-color:var(--ss-coral)!important;
	color:#10212b!important;
	outline:3px solid rgba(247,119,94,.28)!important;
	outline-offset:3px!important;
}

/* Prevent a stale browser focus fill from appearing during the shuffle. */
.mb-smart-surprise.is-shuffling .mb-smart-surprise-again,
.mb-smart-surprise.is-shuffling .mb-smart-surprise-again:focus,
.mb-smart-surprise.is-shuffling .mb-smart-surprise-again:active{
	background:var(--ss-mint)!important;
	border-color:var(--ss-green)!important;
	color:var(--ss-navy)!important;
}

/* Dark-mode retained-focus state. */
html[data-mb-theme="dark"] .mb-smart-surprise-again,
html[data-mb-theme="dark"] .mb-smart-surprise-again:visited{
	background:transparent!important;
	border-color:#425863!important;
	color:#e8eff2!important;
}
html[data-mb-theme="dark"] .mb-smart-surprise-again:hover,
html[data-mb-theme="dark"] .mb-smart-surprise-again:focus,
html[data-mb-theme="dark"] .mb-smart-surprise-again:active,
html[data-mb-theme="dark"] .mb-smart-surprise.is-shuffling .mb-smart-surprise-again{
	background:#17372d!important;
	border-color:#8bd49f!important;
	color:#f0f6f3!important;
}
html[data-mb-theme="dark"] .mb-smart-surprise-again:focus-visible{
	outline-color:rgba(139,212,159,.48)!important;
}

/* Keep the image layer visible while the new image decodes. */
.mb-smart-surprise-media img{
	background:#193c4d;
}


/* Smart Surprise v45 — real featured image wins over fallback artwork. */
.mb-smart-surprise-media img[data-surprise-image]{
	position:relative;
	z-index:2;
}
.mb-smart-surprise-placeholder{
	z-index:1;
}
.mb-smart-surprise-placeholder[hidden],
.mb-smart-surprise-media img[hidden]{
	display:none!important;
}

/* v65 · Strict category mode may intentionally suppress an unmatched time bucket. */
.mb-smart-surprise[hidden]{display:none!important}
.mb-smart-surprise-section[hidden]{display:none!important}