/* ==========================================================================
   MomBoss Footer v2 — Ticket D1.2 (TOKENS-LIVE v2, 19 Jul 2026)

   The band-derived light footer: the page (--mb-bg) flows through a wave
   cut into the hero-gradient family (light pink -> lilac -> soft blue) —
   the same "living" surface as the slim search band, so band and footer
   read as one world. Replaces the Stage-5 magenta slab AND the style.css
   gray-900 slab (selectors here carry the extra specificity to win both).

   Soul layer: paper-cut clouds + drifting petals live in the CTA zone only
   (illustration frames content, never sits behind body copy), radial glow
   behind the CTA. GPU-cheap transforms; prefers-reduced-motion = still.

   Loaded raw + ?v=filemtime via mb-brand-tokens.php (wp_head:153) so
   LiteSpeed can never pin a stale copy. Tokens only — no invented colours;
   mood tints are color-mixes of existing tokens.
   ========================================================================== */

.mb-footer.mb-footer--sky{position:relative;overflow:hidden;margin-top:var(--mb-space-2xl,48px);padding-top:0;background:linear-gradient(160deg,#FFE0EC 0%,#E8D5F5 52%,#D1C4E9 100%);color:var(--mb-ink,#3D2630)}

/* --- The wave: the page background dips into the gradient (paper-cut) --- */
.mb-footer__wave{display:block;width:100%;height:72px;line-height:0}
.mb-footer__wave svg{display:block;width:100%;height:100%}

/* --- Paper-cut clouds: soft white blobs along the top band --- */
.mb-footer__cloud{position:absolute;z-index:1;border-radius:var(--mb-radius-full,9999px);background:color-mix(in srgb,var(--mb-white,#FFFFFF) 55%,transparent);pointer-events:none;animation:mbCloudDrift 34s var(--mb-ease,cubic-bezier(.4,0,.2,1)) infinite alternate}
.mb-footer__cloud--1{top:86px;left:6%;width:230px;height:54px}
.mb-footer__cloud--1::before,.mb-footer__cloud--2::before{content:"";position:absolute;top:-46%;left:22%;width:52%;height:120%;border-radius:var(--mb-radius-full,9999px);background:inherit}
.mb-footer__cloud--2{top:120px;right:8%;width:180px;height:44px;animation-duration:42s;animation-direction:alternate-reverse}
.mb-footer__cloud--3{top:230px;left:16%;width:120px;height:30px;background:color-mix(in srgb,var(--mb-white,#FFFFFF) 38%,transparent);animation-duration:48s}
@keyframes mbCloudDrift{from{transform:translateX(0)}to{transform:translateX(26px)}}

/* --- Drifting petals: gentle blossom-fall through the CTA zone --- */
.mb-footer--sky .mb-footer__petals{position:absolute;top:0;left:0;right:0;height:420px;z-index:1;pointer-events:none}
.mb-footer--sky .mb-footer__petals span{position:absolute;top:-40px;bottom:auto;opacity:0;animation:mbPetalDrift 15s linear infinite}
.mb-footer--sky .mb-footer__petals span:nth-child(1){left:10%;font-size:19px;animation-delay:0s}
.mb-footer--sky .mb-footer__petals span:nth-child(2){left:26%;font-size:13px;animation-delay:5s;animation-duration:19s}
.mb-footer--sky .mb-footer__petals span:nth-child(3){left:45%;font-size:22px;animation-delay:2.5s;animation-duration:14s}
.mb-footer--sky .mb-footer__petals span:nth-child(4){left:63%;font-size:15px;animation-delay:8s;animation-duration:20s}
.mb-footer--sky .mb-footer__petals span:nth-child(5){left:79%;font-size:21px;animation-delay:4s;animation-duration:16s}
.mb-footer--sky .mb-footer__petals span:nth-child(6){left:92%;font-size:14px;animation-delay:10.5s;animation-duration:18s}
@keyframes mbPetalDrift{0%{transform:translateY(0) translateX(0) rotate(0deg);opacity:0}8%{opacity:.7}55%{transform:translateY(230px) translateX(-18px) rotate(150deg);opacity:.5}100%{transform:translateY(430px) translateX(14px) rotate(300deg);opacity:0}}

.mb-footer--sky .mb-container{position:relative;z-index:2}

/* --- CTA zone: radial glow + gradient headline + the two sanctioned buttons --- */
.mb-footer--sky .mb-footer__cta{position:relative;text-align:center;padding:var(--mb-space-xl,32px) 0 var(--mb-space-lg,24px);border-bottom:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 16%,transparent);margin-bottom:var(--mb-space-xl,32px)}
.mb-footer--sky .mb-footer__cta::before{content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:min(640px,92%);height:280px;background:radial-gradient(closest-side,color-mix(in srgb,var(--mb-white,#FFFFFF) 72%,transparent),transparent);pointer-events:none}
.mb-footer__kicker{display:inline-block;position:relative;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-rose-gold-deep,#C07C88);margin-bottom:10px}
.mb-footer--sky .mb-footer__cta-title{position:relative;font-family:var(--mb-font-display,'Playfair Display',serif);font-size:clamp(1.6rem,3.6vw,2.4rem);margin:0 0 10px;line-height:1.18;background:linear-gradient(100deg,var(--mb-pink,#E91E63) 20%,var(--mb-rose-gold,#B76E79) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mb-footer--sky .mb-footer__cta-sub{position:relative;color:color-mix(in srgb,var(--mb-ink,#3D2630) 82%,transparent);max-width:560px;margin:0 auto var(--mb-space-lg,24px);font-size:.95rem;line-height:1.65}
.mb-footer--sky .mb-footer__cta-sub a{color:var(--mb-pink,#E91E63);font-weight:600;text-decoration:none}

.mb-footer--sky .mb-footer__btn{border-radius:var(--mb-radius-full,9999px);padding:13px 27px;font-weight:600;font-size:.92rem;text-decoration:none;font-family:var(--mb-font-body,'Poppins',sans-serif);transition:transform var(--mb-duration,250ms) var(--mb-ease-bounce,cubic-bezier(.34,1.56,.64,1)),box-shadow var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.mb-footer--sky .mb-footer__btn:hover{transform:translateY(-3px)}
.mb-footer__btn--primary{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0));color:var(--mb-white,#FFFFFF);box-shadow:var(--mb-shadow-lg,0 8px 30px rgba(233,30,99,.12))}
.mb-footer__btn--primary:hover{box-shadow:var(--mb-shadow-xl,0 16px 48px rgba(233,30,99,.15))}
.mb-footer__btn--outline{background:var(--mb-white,#FFFFFF);border:2px solid var(--mb-pink,#E91E63);color:var(--mb-pink,#E91E63);box-shadow:var(--mb-shadow-sm,0 1px 3px rgba(233,30,99,.08))}
.mb-footer__btn--outline:hover{background:color-mix(in srgb,var(--mb-pink,#E91E63) 6%,var(--mb-white,#FFFFFF))}

/* --- Socials: white circles, pink mark, lift on hover --- */
.mb-footer--sky .mb-footer__social{background:var(--mb-white,#FFFFFF);color:var(--mb-pink,#E91E63);box-shadow:var(--mb-shadow-sm,0 1px 3px rgba(233,30,99,.08))}
.mb-footer--sky .mb-footer__social:hover{background:var(--mb-pink,#E91E63);color:var(--mb-white,#FFFFFF);transform:translateY(-3px);box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1))}

/* --- Link columns + brand + bottom bar: plum ink on the light band --- */
.mb-footer--sky .mb-footer__title{color:var(--mb-heading-plum,#7A2E45)}
.mb-footer--sky ul li a{color:color-mix(in srgb,var(--mb-ink,#3D2630) 76%,transparent)}
.mb-footer--sky ul li a:hover{color:var(--mb-pink,#E91E63)}
.mb-footer--sky .mb-footer__brand p{color:color-mix(in srgb,var(--mb-ink,#3D2630) 80%,transparent)}
.mb-footer--sky .mb-footer__bottom{border-top:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 14%,transparent);color:color-mix(in srgb,var(--mb-ink,#3D2630) 72%,transparent)}

/* ==========================================================================
   PER-PAGE MOODS — same architecture, bespoke wash (mixes of live tokens
   only). The closing line itself comes from footer.php's is_page logic.
   ========================================================================== */
.mb-footer--mood-mall{background:linear-gradient(160deg,#FFE0EC 0%,color-mix(in srgb,var(--mb-purple-light,#CE93D8) 26%,#E8D5F5) 55%,#D1C4E9 100%)}
.mb-footer--mood-food{background:linear-gradient(160deg,color-mix(in srgb,var(--mb-pink-soft,#F48FB1) 30%,#FFE0EC) 0%,#E8D5F5 55%,#D1C4E9 100%)}
.mb-footer--mood-services{background:linear-gradient(160deg,color-mix(in srgb,var(--mb-teal,#26A69A) 10%,#FFE0EC) 0%,color-mix(in srgb,var(--mb-teal,#26A69A) 8%,#E8D5F5) 55%,#D1C4E9 100%)}
.mb-footer--mood-odo{background:linear-gradient(160deg,color-mix(in srgb,var(--mb-rose-gold-light,#E0BFB8) 34%,#FFE0EC) 0%,#E8D5F5 55%,#D1C4E9 100%)}
/* Events: hero base + confetti layer (token-coloured dots, CTA zone only) */
.mb-footer--mood-events::after{content:"";position:absolute;top:72px;left:0;right:0;height:340px;z-index:1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle 4px,var(--mb-pink,#E91E63) 98%,transparent),radial-gradient(circle 3px,var(--mb-purple-light,#CE93D8) 98%,transparent),radial-gradient(circle 3px,var(--mb-rose-gold,#B76E79) 98%,transparent),radial-gradient(circle 2px,var(--mb-teal,#26A69A) 98%,transparent);background-size:190px 170px,230px 210px,170px 150px,250px 190px;background-position:12px 24px,88px 70px,150px 10px,40px 120px}

@media (prefers-reduced-motion:reduce){
	.mb-footer__cloud{animation:none}
	.mb-footer--sky .mb-footer__petals span{animation:none;opacity:0}
}

@media (max-width:640px){
	.mb-footer__wave{height:44px}
	.mb-footer__cloud--1{top:56px;width:160px;height:40px}
	.mb-footer__cloud--2{top:84px;width:120px;height:32px}
	.mb-footer__cloud--3{display:none}
	.mb-footer--sky .mb-footer__btn{width:100%;max-width:320px;text-align:center}
}