/* One background continues behind the header; content keeps its former centre. */
body.wmi-sitewide.wmi-enabled { --wmi-warm-wine:color-mix(in srgb,var(--wmi-wine),#8a343d var(--wmi-scene-warmth,62%)); background:radial-gradient(ellipse at 56% 15%,color-mix(in srgb,var(--wmi-warm-wine) 45%,transparent),transparent 62%),var(--wmi-bg) !important; }
body.wmi-sitewide.wmi-enabled .miaoling-home-hero { background:radial-gradient(ellipse at 51% 47%,color-mix(in srgb,var(--wmi-warm-wine) 76%,transparent),transparent 63%),radial-gradient(ellipse at 100% 0%,color-mix(in srgb,#a3754d calc(var(--wmi-scene-warmth,62%) * .55),transparent),transparent 57%),linear-gradient(117deg,var(--wmi-bg),color-mix(in srgb,var(--wmi-bg) 72%,var(--wmi-warm-wine)) 58%,var(--wmi-bg)) !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-glass-on .walkin-miaoling-header { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-glass-on header.wp-block-template-part:first-of-type { backdrop-filter:blur(var(--wmi-nav-blur)) !important; -webkit-backdrop-filter:blur(var(--wmi-nav-blur)) !important; background-image:linear-gradient(100deg,rgb(26 10 17 / var(--wmi-nav-alpha)),rgb(55 21 25 / var(--wmi-nav-alpha)),rgb(26 10 17 / var(--wmi-nav-alpha))) !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay .miaoling-home-hero { --wmi-header-actual:calc(var(--wmi-header-height) + 2px); --wmi-scene-top:var(--wmi-header-actual); margin-top:calc(-1 * var(--wmi-header-actual)) !important; height:calc(100svh - var(--wmi-header-height) + var(--wmi-header-actual)); min-height:calc(560px + var(--wmi-header-actual)) !important; padding-top:var(--wmi-header-actual) !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay main.walkin-brand-main { overflow:visible !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay:not(.wmi-fixed-home-bg) .miaoling-home-hero :is(.wmi-magic-disc,.wmi-center-halo,.wmi-center-ornament,.wmi-cardinals,.wmi-smoke-bank) { top:calc(49% + var(--wmi-scene-top) * .51); }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay .miaoling-home-hero .wmi-tarot-cards { top:var(--wmi-scene-top); }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay:not(.wmi-fixed-home-bg) .wmi-site-corner-circles { top:var(--wmi-scene-top); }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay.wmi-fixed-home-bg .wmi-site-atmosphere { inset:0; }
body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay.wmi-fixed-home-bg .wmi-site-atmosphere :is(.wmi-magic-disc,.wmi-center-halo,.wmi-center-ornament,.wmi-cardinals,.wmi-smoke-bank) { top:calc(49% + var(--wmi-header-height) * .51); }

/* Fine brass relief is a separate, adjustable layer over the original geometry. */
body.wmi-material-brass.wmi-sitewide.wmi-enabled .wmi-magic-disc::after { content:""; display:block; position:absolute; inset:0; opacity:var(--wmi-metal-strength,.62); background:center/contain no-repeat; border:0; box-shadow:none; mask:none; }
body.wmi-material-brass.wmi-sitewide.wmi-enabled .wmi-magic-disc--outer::after { background-image:url('../images/miaoling-brass-outer.svg'); }
body.wmi-material-brass.wmi-sitewide.wmi-enabled .wmi-magic-disc--inner::after { background-image:url('../images/miaoling-brass-inner.svg'); }
body.wmi-material-brass.wmi-sitewide.wmi-enabled .wmi-center-ornament { mask:none; background:none; }
body.wmi-material-brass .wmi-center-ornament::before,body.wmi-material-brass .wmi-center-ornament::after { content:""; position:absolute; inset:0; }
body.wmi-material-brass .wmi-center-ornament::before { background:var(--wmi-gold-soft); mask:url('../images/miaoling-center-ornament.svg') center/contain no-repeat; }
body.wmi-material-brass .wmi-center-ornament::after { background:url('../images/miaoling-brass-center.svg') center/contain no-repeat; opacity:var(--wmi-metal-strength,.62); }

/* Soft overlapping shafts; the source stays in the top right. */
.wmi-corner-light.wmi-light-rays { filter:blur(calc(var(--wmi-light-softness,60px) * .55)); overflow:visible; background:radial-gradient(ellipse at 102% -4%,#ffe2a866,#e8b47726 22%,transparent 62%); }
.wmi-corner-light.wmi-light-rays::before { display:none; }
.wmi-corner-light.wmi-light-rays::after { width:calc(var(--wmi-light-source-size,22vw) * 2.6); height:23%; background:radial-gradient(ellipse,#fff0cb80,#eebc7936 34%,transparent 75%); }
.wmi-sunbeam { position:absolute; top:-12%; left:100%; width:calc(var(--wmi-light-width,46vw) * (1.15 - var(--ray-index) * .2)); height:160%; transform-origin:50% 0; transform:translateX(-50%) rotate(calc(var(--wmi-light-angle,28deg) + var(--ray-index) * 9deg - 8deg)); border-radius:45%; background:linear-gradient(90deg,transparent,#ffda9b12 18%,#ffe2b055 48%,#f4c68b28 65%,transparent 92%); mask:linear-gradient(#0009,#000 14%,#0009 38%,transparent 86%); animation:wmi-ray-breathe calc(27s + var(--ray-index) * 11s) ease-in-out infinite alternate; animation-delay:calc(var(--ray-index) * -9s); }
@keyframes wmi-ray-breathe { from { opacity:.7; scale:calc(1 - var(--wmi-ray-motion,.45) * .15) 1; translate:0 0; } to { opacity:1; scale:calc(1 + var(--wmi-ray-motion,.45) * .15) 1; translate:calc(var(--wmi-ray-motion,.45) * -12px) 0; } }
.is-paused .wmi-sunbeam,.wmi-hero-paused .wmi-sunbeam { animation-play-state:paused !important; }
.wmi-motion-off .wmi-sunbeam,.wmi-light-static .wmi-sunbeam { animation:none !important; }
.wmi-smoke-style-filament .wmi-smoke-density { mask-image:url('../images/miaoling-smoke-silk.svg'); }
.wmi-smoke-style-filament .wmi-smoke-wisp { opacity:calc(var(--wmi-smoke-alpha) * 1.85); }
.wmi-smoke-style-filament .wmi-smoke-wisp:nth-child(n+2) { opacity:calc(var(--wmi-smoke-alpha) * .32); }
.wmi-smoke-style-filament .wmi-fluid-smoke { opacity:calc(var(--wmi-smoke-alpha) * 2.2); }

/* Gold foil follows the pointer, without changing the card's click behavior. */
.wmi-card-fx-surface { position:absolute; inset:0; border-radius:inherit; overflow:hidden; pointer-events:none; opacity:0; transition:opacity .3s; background:radial-gradient(circle at var(--fx-x,50%) var(--fx-y,50%),#fff0c778,transparent 29%),linear-gradient(115deg,transparent 28%,#fff2bc05 40%,#ffe6a333 47%,#eac37966 50%,transparent 61%); mix-blend-mode:screen; box-shadow:inset 0 0 25px #e7bc4966; }
.wmi-card-fx.is-fx-active > .wmi-card-fx-surface { opacity:var(--wmi-card-hover-alpha,.65); }
.wmi-card-fx-surface i { position:absolute; left:var(--spark-x); top:var(--spark-y); width:5px; height:5px; background:#ffe6a7; clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%); opacity:0; }
.wmi-card-fx.is-fx-active[data-hover-effect="stardust"] .wmi-card-fx-surface i { animation:wmi-card-stardust 1.6s ease-out var(--spark-delay) infinite; }
@keyframes wmi-card-stardust { 0% { opacity:0; transform:translateY(16px) scale(.4); } 30% { opacity:1; } 100% { opacity:0; transform:translateY(-32px) scale(.2); } }
.wmi-card-fx[data-fx-motion="off"] .wmi-card-fx-surface i { animation:none !important; }
@media(max-width:782px) { body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay .miaoling-home-hero { min-height:calc(520px + var(--wmi-header-actual)) !important; } .wmi-mobile-motion-off .wmi-sunbeam { animation:none !important; } }
@media(max-width:560px) { body.wmi-sitewide.wmi-enabled.wmi-nav-scene-underlay .miaoling-home-hero { min-height:calc(470px + var(--wmi-header-actual)) !important; } }
@media(prefers-reduced-motion:reduce) { .wmi-sunbeam,.wmi-card-fx-surface i { animation:none !important; } .wmi-card-fx-surface { transition:none; } }

body.wmi-nav-scene-underlay header.wp-block-template-part a { text-shadow:0 1px 4px #190811b3; }

/* Shared page palette also reaches opaque content shells and public login. */
body.wmi-sitewide.wmi-enabled {
  --wmi-page-bg:color-mix(in srgb,var(--wmi-bg),#59252d calc(var(--wmi-scene-warmth,62%) * .65));
  --wmi-panel-bg:color-mix(in srgb,var(--wmi-surface),#71333a calc(var(--wmi-scene-warmth,62%) * .6));
  --wmi-page-wash:radial-gradient(ellipse at 100% -3%,#d4a36c36,transparent 52%),radial-gradient(ellipse at 48% 36%,color-mix(in srgb,var(--wmi-warm-wine) 74%,transparent),transparent 70%),linear-gradient(145deg,var(--wmi-page-bg),color-mix(in srgb,var(--wmi-page-bg) 85%,var(--wmi-bg)));
  --miaoling-shadow:var(--wmi-page-bg); --miaoling-russet-mid:var(--wmi-warm-wine);
}
body.wmi-sitewide.wmi-enabled:not(.home) { background:var(--wmi-page-wash) fixed !important; }
body.wmi-sitewide.wmi-enabled:not(.home) .brand-shop-content { background:transparent !important; }
body.wmi-sitewide.wmi-enabled.wmi-nav-glass-on header.wp-block-template-part:first-of-type { background-image:linear-gradient(100deg,color-mix(in srgb,var(--wmi-page-bg) calc(var(--wmi-nav-alpha) * 100%),transparent),color-mix(in srgb,var(--wmi-warm-wine) calc(var(--wmi-nav-alpha) * 100%),transparent),color-mix(in srgb,var(--wmi-page-bg) calc(var(--wmi-nav-alpha) * 100%),transparent)) !important; }
body.wmi-sitewide.wmi-enabled.wmi-booking-sync.wb-page .walkin-booking-experience { --wbe-ink:var(--wmi-page-bg); --wbe-shadow:var(--wmi-page-bg); --wbe-wine:var(--wmi-warm-wine); }
body.wmi-sitewide.wmi-enabled.wmi-booking-sync.wb-page :is(.walkin-booking-experience__hero,.walkin-booking-experience__booking) { background:var(--wmi-page-wash) !important; }
body.wmi-sitewide.wmi-enabled.wmi-booking-sync.wb-page .wb-root { --wcal-surface:var(--wmi-panel-bg) !important; --wcal-sidebar:var(--wmi-page-bg) !important; --wcal-input:color-mix(in srgb,var(--wmi-panel-bg) 80%,var(--wmi-bg)) !important; --wcal-available:var(--wmi-panel-bg) !important; }
body.wmi-sitewide.wmi-enabled.login :is(#loginform,#lostpasswordform,#registerform) { background:linear-gradient(145deg,color-mix(in srgb,var(--wmi-panel-bg) 90%,transparent),color-mix(in srgb,var(--wmi-page-bg) 90%,transparent)) !important; }
body.wmi-sitewide.wmi-enabled.wmi-shop-layout :is(.brand-shop-content,.woocommerce) :is(.wc-block-product-template,ul.products) > li { background:linear-gradient(155deg,var(--wmi-panel-bg),var(--wmi-page-bg)); }
body.wmi-enabled .wmi-booking-card--sun { background-image:var(--wmi-booking-sun-image,url('../images/booking-sun.svg')); }
body.wmi-enabled .wmi-booking-card--moon { background-image:var(--wmi-booking-moon-image,url('../images/booking-moon.svg')); }
body.wmi-enabled .wmi-booking-reading-back { background-image:var(--wmi-booking-sun-image,url('../images/booking-sun.svg')); }
body.wmi-enabled .wmi-booking-reading.is-moon .wmi-booking-reading-back { background-image:var(--wmi-booking-moon-image,url('../images/booking-moon.svg')); }
body.wmi-enabled .wmi-booking-reading-front { background:radial-gradient(ellipse at 70% 0,#61402788,transparent 65%),var(--wmi-booking-card-front,#29121a); }

body.wmi-sitewide.wmi-enabled .miaoling-page-content { background:transparent !important; }
body.wmi-sitewide.wmi-enabled .miaoling-section:not(.miaoling-service-hero) { background:var(--wmi-page-wash) !important; color:var(--wmi-cream) !important; }
body.wmi-sitewide.wmi-enabled .miaoling-service-hero { background-color:var(--wmi-page-bg) !important; background-blend-mode:normal,screen,screen,screen,normal,soft-light; }
body.wmi-sitewide.wmi-enabled .miaoling-section :is(p,li,h1,h2,h3,h4,strong,dt,dd) { color:var(--wmi-cream) !important; }
body.wmi-sitewide.wmi-enabled :is(.tarot-plan,.miaoling-function-shell,.miaoling-placeholder) { background:linear-gradient(145deg,var(--wmi-panel-bg),var(--wmi-page-bg)) !important; color:var(--wmi-cream) !important; }

/* One viewport background under both the transparent navigation and page content. */
body.wmi-sitewide.wmi-enabled:not(.home) { background-attachment:fixed !important; }
body.wmi-sitewide.wmi-enabled.wmi-booking-sync.wb-page :is(.walkin-booking-experience__hero,.walkin-booking-experience__booking) { background:transparent !important; }
body.wmi-sitewide.wmi-enabled .wmi-booking-scene::after { background:radial-gradient(ellipse at 50% 50%,#210f1722,transparent 54%); }
body.wmi-sitewide.wmi-enabled.wmi-nav-glass-on header.wp-block-template-part:first-of-type { box-shadow:0 16px 30px rgb(0 0 0 / calc(var(--wmi-nav-alpha) * .4)),inset 0 -1px rgb(255 230 178 / .045); }
body.wmi-sitewide.wmi-enabled .miaoling-service-hero { background-color:transparent !important; background-image:var(--wmi-service-left),var(--wmi-service-right),var(--wmi-service-circle) !important; background-position:0 50%,100% 50%,50% 48% !important; background-size:auto 72%,auto 72%,auto 118% !important; background-repeat:no-repeat !important; }

/* Independent logo glow; original logo dimensions and breathing remain intact. */
body.wmi-sitewide.wmi-enabled .wmi-hero-logo picture { filter:brightness(1.57) saturate(.74) drop-shadow(0 0 calc(var(--wmi-logo-glow-range,20px) * .25) rgb(244 207 119 / var(--wmi-logo-glow-alpha,.44))) drop-shadow(0 7px 20px rgb(0 0 0 / .9)); }
body.wmi-sitewide.wmi-enabled .wmi-logo-aura { inset:calc(-34% - var(--wmi-logo-glow-range,20px) + 20px) calc(-48% - var(--wmi-logo-glow-range,20px) + 20px); filter:blur(calc(var(--wmi-logo-glow-range,20px) * .8)); background:radial-gradient(ellipse,rgb(231 167 64 / calc(var(--wmi-logo-glow-alpha,.44) * .341)),rgb(158 66 29 / calc(var(--wmi-logo-glow-alpha,.44) * .159)) 45%,transparent 68%); }

body.wmi-enabled .wmi-drawn-front { background:var(--wmi-home-card-front,var(--wmi-card-face,#351419)); }
