/* ==========================================================================
   Review Batch 2 (20 Jul 2026): home ODO pop · ODO in-card Amy · MB Ads
   purity + Mira presence · Blog storybook. Tokens only; raw + filemtime
   via mb-brand-tokens.php (wp_head:158).
   ========================================================================== */

/* --- 0. MALL: Amy rides every carousel card (Batch 4) ------------------- */
/* The Mall renders cards via template-parts/product-carousel (get_posts,
   not the Woo loop) so the funnel's shop-loop hook never fired here. The
   card is an <a>; the Amy strip sits as its sibling in the slide so the
   click never navigates. Scoped snug + full-width for the compact rail. */
.mb-swiper .swiper-slide{display:flex;flex-direction:column}
.mb-swiper .swiper-slide .mb-product-card{flex:1}
.mb-swiper .swiper-slide .mb-agent-strip--amy{margin:6px 0 2px;width:100%;justify-content:flex-start;font-size:.68rem;padding:6px 10px}
.mb-swiper .swiper-slide .mb-agent-strip--amy .mb-agent-strip__avatar{width:22px;height:22px}
.mb-mall-page .mb-agent-strip--amy,.mb-food-zone .mb-agent-strip--amy,.mb-fb-zone .mb-agent-strip--amy{margin:6px 0 2px;width:100%}

/* --- 1. HOME ODO ZONE: one day only, made to pop (feminine) ------------- */
#mb-odo-section{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--mb-rose-gold-light,#E0BFB8) 26%,var(--mb-white,#FFFFFF)) 0%,var(--mb-bg-pink-soft,#FFF5F8) 60%,var(--mb-white,#FFFFFF) 100%);border-top:1px solid color-mix(in srgb,var(--mb-rose-gold,#B76E79) 22%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mb-rose-gold,#B76E79) 22%,transparent);overflow:hidden}
#mb-odo-section::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:min(700px,90%);height:220px;background:radial-gradient(closest-side,color-mix(in srgb,var(--mb-pink-soft,#F48FB1) 34%,transparent),transparent);pointer-events:none}
#mb-odo-section .mb-hp-bar__title{background:linear-gradient(100deg,var(--mb-pink,#E91E63) 30%,var(--mb-rose-gold,#B76E79) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#mb-odo-section .mb-hp-bar__link{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0));color:var(--mb-white,#FFFFFF);border-radius:var(--mb-radius-full,9999px);padding:9px 18px;font-weight:600;box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1));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-odo-section .mb-hp-bar__link:hover{transform:translateY(-2px);box-shadow:var(--mb-shadow-lg,0 8px 30px rgba(233,30,99,.12))}
#mb-odo-section::after{content:"\1F338";position:absolute;top:18px;right:5%;font-size:20px;opacity:.5;animation:mbOdoPetal 9s var(--mb-ease,cubic-bezier(.4,0,.2,1)) infinite alternate;pointer-events:none}
@keyframes mbOdoPetal{from{transform:translateY(0) rotate(0)}to{transform:translateY(16px) rotate(35deg)}}

/* --- 2. ODO in-card Amy strip (page + home template part) --------------- */
.mb-odo-card__amy{display:flex;align-items:center;gap:8px;margin:8px 10px 12px;padding:7px 12px;background:var(--mb-bg-pink-soft,#FFF5F8);border:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 22%,transparent);border-radius:var(--mb-radius-full,9999px);font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.72rem;color:var(--mb-ink,#3D2630);cursor:pointer;transition:box-shadow var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1)),transform var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.mb-odo-card__amy:hover{box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1));transform:translateY(-1px)}
.mb-odo-card__amy strong{color:var(--mb-pink,#E91E63)}
.mb-odo-card__amy .mb-agent-strip__dot{width:8px;height:8px;border-radius:var(--mb-radius-full,9999px);background:var(--mb-success,#2ECC71);flex-shrink:0;animation:mbPulse 1.8s infinite}

/* --- 3. MB ADS (/mb-ads/, WP Adverts): light-system purity -------------- */
.wpadverts-list .advert-item,.wpadverts-grid .wpadverts-grid-item{background:var(--mb-white,#FFFFFF)!important;border:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 8%,transparent)!important;border-radius:var(--mb-radius-lg,16px)!important;box-shadow:var(--mb-shadow-card,0 2px 8px rgba(0,0,0,.06))!important;overflow:hidden;transition:transform var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1)),box-shadow var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.wpadverts-list .advert-item:hover,.wpadverts-grid .wpadverts-grid-item:hover{transform:translateY(-3px);box-shadow:var(--mb-shadow-lg,0 8px 30px rgba(233,30,99,.12))!important}
.wpadverts-list .advert-item-title a,.wpadverts-grid-item .advert-link{font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:600;color:var(--mb-ink,#3D2630)!important}
.wpadverts-list .advert-item-title a:hover{color:var(--mb-pink,#E91E63)!important}
.advert-item .advert-link-text,.advert-item a{font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:600;color:var(--mb-heading-plum,#7A2E45)!important;transition:color var(--mb-duration-fast,150ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.advert-item a:hover .advert-link-text,.advert-item a:hover{color:var(--mb-pink,#E91E63)!important}
.advert-item .advert-date{font-family:var(--mb-font-body,'Poppins',sans-serif);color:color-mix(in srgb,var(--mb-ink,#3D2630) 60%,transparent)}
.advert-item .advert-price{border-color:var(--mb-rose-gold,#B76E79)!important}
.wpadverts-price,.advert-price{color:var(--mb-pink,#E91E63)!important;font-weight:700!important}
.wpadverts-button,.adverts-button,button.adverts-button{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0))!important;color:var(--mb-white,#FFFFFF)!important;border:none!important;border-radius:var(--mb-radius-full,9999px)!important;font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:600!important}
/* Mira presence banner (content-level block on /mb-ads/) */
.mb-mira-presence{display:flex;align-items:center;gap:14px;max-width:760px;margin:8px auto 24px;padding:16px 20px;background:var(--mb-gradient-warm,linear-gradient(135deg,#FF6B9D,#F48FB1));border-radius:var(--mb-radius-lg,16px);box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1));color:var(--mb-white,#FFFFFF);font-family:var(--mb-font-body,'Poppins',sans-serif)}
.mb-mira-presence__emoji{font-size:1.8rem;flex-shrink:0}
.mb-mira-presence__txt{flex:1;font-size:.88rem;line-height:1.55}
.mb-mira-presence__txt strong{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:1.05rem;display:block}
.mb-mira-presence__cta{white-space:nowrap;background:var(--mb-white,#FFFFFF);color:var(--mb-pink,#E91E63);border-radius:var(--mb-radius-full,9999px);padding:10px 18px;font-weight:600;font-size:.82rem;text-decoration:none;transition:transform var(--mb-duration,250ms) var(--mb-ease-bounce,cubic-bezier(.34,1.56,.64,1))}
.mb-mira-presence__cta:hover{transform:translateY(-2px)}
@media(max-width:560px){.mb-mira-presence{flex-direction:column;text-align:center}}

/* --- 3b. Single advert view: plugin chrome re-skinned ------------------- */
.mb-advert-single .adverts-single-author,.mb-advert-single .advert-published{font-family:var(--mb-font-body,'Poppins',sans-serif);color:color-mix(in srgb,var(--mb-ink,#3D2630) 62%,transparent)}
.mb-advert-single .adverts-price-box,.mb-advert-single .advert-price{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0))!important;color:var(--mb-white,#FFFFFF)!important;border:none!important;border-radius:var(--mb-radius-full,9999px)!important;font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:700!important;padding:10px 22px!important;box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1))}
.mb-advert-single .adverts-content-box,.mb-advert-single .adverts-single-box{background:var(--mb-white,#FFFFFF);border:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 8%,transparent);border-radius:var(--mb-radius-lg,16px);box-shadow:var(--mb-shadow-card,0 2px 8px rgba(0,0,0,.06))}
.mb-advert-single .adverts-single-actions .adverts-button,.mb-advert-single button.adverts-button{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0))!important;color:var(--mb-white,#FFFFFF)!important;border:none!important;border-radius:var(--mb-radius-full,9999px)!important;font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:600!important;transition:transform var(--mb-duration,250ms) var(--mb-ease-bounce,cubic-bezier(.34,1.56,.64,1))}
.mb-advert-single .adverts-single-actions .adverts-button:hover{transform:translateY(-2px)}
.mb-advert-single .adverts-single-actions .adverts-button.adverts-button-secondary,.mb-advert-single a.adverts-button-secondary{background:var(--mb-white,#FFFFFF)!important;border:2px solid var(--mb-pink,#E91E63)!important;color:var(--mb-pink,#E91E63)!important}
.mb-advert-single h2,.mb-advert-single h3{font-family:var(--mb-font-display,'Playfair Display',serif);color:var(--mb-heading-plum,#7A2E45)}
.mb-advert-single .adverts-gallery,.mb-advert-single .adverts-single-gallery{border-radius:var(--mb-radius-lg,16px);overflow:hidden}
.mb-advert-single .adverts-single-author-avatar img,.mb-advert-single img.avatar{border-radius:var(--mb-radius-full,9999px);border:2px solid var(--mb-pink,#E91E63)}

/* WP Adverts inlines its colours (atw-* utility classes + style attrs) —
   attribute-selector overrides, same pattern as the 6.2 ink fix. */
.mb-advert-single [style*="background-color:#ab0000"],.mb-advert-single [style*="background-color: #ab0000"]{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0))!important;border-radius:var(--mb-radius-full,9999px)!important;font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:700!important;box-shadow:var(--mb-shadow-md,0 4px 12px rgba(233,30,99,.1))}
.mb-advert-single .contact-details-buttons-list a,.mb-advert-single .contact-details-buttons-list button{border-radius:var(--mb-radius-full,9999px)!important;font-family:var(--mb-font-body,'Poppins',sans-serif)!important;font-weight:600!important;transition:transform var(--mb-duration,250ms) var(--mb-ease-bounce,cubic-bezier(.34,1.56,.64,1))}
.mb-advert-single .contact-details-buttons-list a:hover,.mb-advert-single .contact-details-buttons-list button:hover{transform:translateY(-2px)}
.mb-advert-single .contact-details-buttons-list > *:first-child a,.mb-advert-single .contact-details-buttons-list > *:first-child button{background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0))!important;color:var(--mb-white,#FFFFFF)!important;border:none!important}
.mb-advert-single .contact-details-buttons-list > *:not(:first-child) a,.mb-advert-single .contact-details-buttons-list > *:not(:first-child) button{background:var(--mb-white,#FFFFFF)!important;border:2px solid var(--mb-pink,#E91E63)!important;color:var(--mb-pink,#E91E63)!important}
.mb-advert-single img.avatar[src*="gravatar"],.mb-advert-single .adverts-single-author-avatar:empty{display:none}

/* --- 4. BLOG STORYBOOK -------------------------------------------------- */
.mb-storybook-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#FFE0EC 0%,#E8D5F5 55%,#D1C4E9 100%);padding:52px 0 84px;text-align:center}
.mb-storybook-hero__cloud{position:absolute;border-radius:var(--mb-radius-full,9999px);background:color-mix(in srgb,var(--mb-white,#FFFFFF) 56%,transparent);pointer-events:none;animation:mbCloudDrift 36s var(--mb-ease,cubic-bezier(.4,0,.2,1)) infinite alternate}
.mb-storybook-hero__cloud--1{top:26px;left:8%;width:190px;height:48px}
.mb-storybook-hero__cloud--2{bottom:52px;right:7%;width:150px;height:40px;animation-direction:alternate-reverse}
.mb-storybook-hero .mb-container{position:relative;z-index:2}
.mb-storybook-hero__kicker{display:inline-block;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mb-rose-gold-deep,#C07C88);margin-bottom:10px}
.mb-storybook-hero__title{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.16;margin:0 0 10px;background:linear-gradient(100deg,var(--mb-pink,#E91E63) 25%,var(--mb-rose-gold,#B76E79) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mb-storybook-hero__sub{max-width:560px;margin:0 auto 22px;color:color-mix(in srgb,var(--mb-ink,#3D2630) 82%,transparent);font-size:.98rem;line-height:1.7;font-style:italic}
.mb-storybook-hero__search{display:flex;max-width:520px;margin:0 auto;background:var(--mb-white,#FFFFFF);border:2px solid color-mix(in srgb,var(--mb-pink,#E91E63) 14%,transparent);border-radius:var(--mb-radius-full,9999px);box-shadow:0 8px 40px rgba(233,30,99,.18);overflow:hidden}
.mb-storybook-hero__search:focus-within{border-color:color-mix(in srgb,var(--mb-pink,#E91E63) 40%,transparent)}
.mb-storybook-hero__search input{flex:1;border:none;outline:none;padding:14px 22px;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.92rem;color:var(--mb-ink,#3D2630);background:transparent}
.mb-storybook-hero__search button{border:none;cursor:pointer;background:var(--mb-gradient-primary,linear-gradient(135deg,#E91E63,#9C27B0));color:var(--mb-white,#FFFFFF);padding:0 26px;font-family:var(--mb-font-body,'Poppins',sans-serif);font-weight:600;font-size:.88rem}
.mb-storybook-hero__wave{position:absolute;left:0;right:0;bottom:-1px;height:56px;line-height:0;z-index:1}
.mb-storybook-hero__wave svg{display:block;width:100%;height:100%}

.mb-storybook{max-width:1100px;margin:0 auto;padding:34px 16px 60px}
.mb-storybook__divider{display:flex;align-items:center;gap:14px;margin:8px 0 26px;color:var(--mb-rose-gold,#B76E79);font-size:1rem}
.mb-storybook__divider::before,.mb-storybook__divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mb-rose-gold,#B76E79) 45%,transparent),transparent)}
.mb-storybook__grid{display:grid;grid-template-columns:1fr;gap:var(--mb-space-lg,24px)}
@media(min-width:700px){.mb-storybook__grid{grid-template-columns:repeat(2,1fr)}.mb-storybook__grid .mb-storycard--feature{grid-column:1/-1}}
@media(min-width:1024px){.mb-storybook__grid{grid-template-columns:repeat(3,1fr)}}
.mb-storycard{display:flex;flex-direction:column;background:var(--mb-white,#FFFFFF);border-radius:var(--mb-radius-lg,16px);box-shadow:var(--mb-shadow-card,0 2px 8px rgba(0,0,0,.06));overflow:hidden;text-decoration:none;transition:transform var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1)),box-shadow var(--mb-duration,250ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.mb-storycard:hover{transform:translateY(-4px);box-shadow:var(--mb-shadow-lg,0 8px 30px rgba(233,30,99,.12))}
.mb-storycard--feature{flex-direction:column}
@media(min-width:700px){.mb-storycard--feature{flex-direction:row;min-height:280px}.mb-storycard--feature .mb-storycard__img{width:52%;height:auto}.mb-storycard--feature .mb-storycard__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:34px}}
.mb-storycard__img{height:190px;overflow:hidden;background:var(--mb-gradient-soft,linear-gradient(135deg,#FFE0EC,#E8D5F5))}
.mb-storycard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--mb-duration-slow,400ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.mb-storycard:hover .mb-storycard__img img{transform:scale(1.04)}
.mb-storycard__body{padding:20px 22px 22px}
.mb-storycard__date{font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mb-rose-gold-deep,#C07C88);margin-bottom:6px}
.mb-storycard__title{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:1.18rem;line-height:1.3;color:var(--mb-heading-plum,#7A2E45);margin:0 0 8px}
.mb-storycard--feature .mb-storycard__title{font-size:clamp(1.3rem,2.4vw,1.8rem)}
.mb-storycard__excerpt{font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.86rem;line-height:1.65;color:color-mix(in srgb,var(--mb-ink,#3D2630) 76%,transparent);margin:0}
.mb-storycard--feature .mb-storycard__excerpt::first-letter{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:2.6em;float:left;line-height:.9;padding:2px 8px 0 0;color:var(--mb-pink,#E91E63)}
.mb-storycard__more{margin-top:12px;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.8rem;font-weight:600;color:var(--mb-pink,#E91E63)}
/* Single post: storybook reading experience */
.single-post .mb-page h1,.single-post .entry-title{font-family:var(--mb-font-display,'Playfair Display',serif);color:var(--mb-heading-plum,#7A2E45)}
.single-post .entry-content > p:first-of-type::first-letter{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:3em;float:left;line-height:.9;padding:4px 10px 0 0;color:var(--mb-pink,#E91E63)}

@media (prefers-reduced-motion:reduce){
	#mb-odo-section::after,.mb-storybook-hero__cloud{animation:none}
	.mb-odo-card__amy .mb-agent-strip__dot{animation:none}
}