/* ==========================================================================
   Mad Alice Wonderland styles (child theme)
   Everything is scoped to .ma-home until the new look goes site-wide.
   Palette: ink #1B1035 · cream #FFF4E4 · lemon #FFE27A · mint #9EE8DE
            pink #FFB3D9 · lilac #CDB8FF · yellow #FFD447 · hot pink #FF3D9A
   Fonts:   Oswald (headings) · Fraunces italic (accents) · Outfit (body)
   ========================================================================== */

/* page shell */
body.ma-home-page.ma-mad,body.ma-home-page.ma-mad .site-content,body.ma-home-page.ma-mad #content{background:#170B2E;transition:background .6s}
.ma-home{--bg:#FFF4E4;--ink:#1B1035;--txt:#1B1035;--p1:#FFE27A;--p2:#9EE8DE;--p3:#FFB3D9;--p4:#CDB8FF;--ray:#FFD447;--card:#FFFFFF;
  font-family:Outfit,system-ui,sans-serif;color:var(--txt);background:transparent;transition:color .6s;padding:24px 0 48px;width:100%}
.ma-home.mad{--bg:#170B2E;--txt:#FFF4E4;--p1:#FF3D9A;--p2:#7B3FF2;--p3:#0E8F86;--p4:#C2156A;--ray:#FF3D9A;--card:#241345}
.ma-home *{box-sizing:border-box}
.ma-home p,.ma-home h1,.ma-home h2,.ma-home h3,.ma-home blockquote{color:inherit}
.ma-home a{color:inherit}
.ma-home img{max-width:100%;height:auto}

/* Elementor wrappers: the outer container carries .ma-home, the inner one .ma-frame */
.e-con.ma-home{padding:24px 0 48px!important;--padding-top:24px;--padding-bottom:48px}
.ma-home .elementor-widget{margin-bottom:0!important}
.ma-home .e-con,.ma-home .e-con-inner{gap:0!important;--gap:0px;--row-gap:0px;--column-gap:0px}
.ma-home .e-con.ma-frame{max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important}

.ma-frame{max-width:1280px;margin:0 auto;padding:0 24px}
.ma-panel{border:4px solid var(--ink);margin-top:-4px;position:relative;transition:background .6s,color .6s;overflow:hidden}
.ma-home.mad .ma-panel{border-color:#FFF4E4}
.ma-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.ma-row>.ma-panel+.ma-panel{margin-left:-4px}
@media (max-width:700px){.ma-row>.ma-panel+.ma-panel{margin-left:0}}

.ma-cap{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.ma-it{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:800;text-transform:none}
.ma-lbl{display:inline-block;background:#1B1035;color:#FFF4E4;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:700;font-size:28px;line-height:1.1;padding:10px 22px;transform:rotate(-2.5deg);box-shadow:4px 4px 0 var(--p1)}
.ma-home.mad .ma-lbl{background:#FFF4E4;color:#1B1035}
.ma-pill{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border-radius:999px;background:#1B1035;color:#FFF4E4!important;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:19px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s}
.ma-pill:hover{transform:scale(1.05) rotate(-1deg)}
.ma-pill.ghost{background:transparent;color:inherit!important;border:3px solid currentColor}
.ma-home.mad .ma-pill:not(.ghost){background:#FFD447;color:#1B1035!important}

/* Sane / Mad switch */
.ma-toggle{position:fixed;left:18px;bottom:18px;z-index:999;display:flex;align-items:center;gap:12px;background:var(--card);color:var(--txt);border:3px solid var(--ink);border-radius:999px;padding:6px 8px 6px 20px;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;box-shadow:4px 4px 0 var(--ink);transition:background .6s}
.ma-home.mad .ma-toggle{border-color:#FFF4E4;box-shadow:4px 4px 0 #FF3D9A}
.ma-sw{width:88px;height:40px;border-radius:999px;border:0;background:#1B1035;position:relative;cursor:pointer;padding:0}
.ma-knob{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:#FFD447;transition:left .4s cubic-bezier(.5,1.6,.4,1)}
.ma-home.mad .ma-knob{left:52px;background:#FF3D9A}

/* Hero */
.ma-hero{background:var(--p2);padding:70px 48px 60px}
.ma-rays{position:absolute;inset:-40%;left:-10%;background:repeating-conic-gradient(var(--ray) 0 7deg,transparent 7deg 14deg);animation:ma-spin 60s linear infinite;opacity:.55;pointer-events:none}
@keyframes ma-spin{to{transform:rotate(360deg)}}
.ma-hero-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center}
.ma-hero h1{margin:0;font-size:clamp(56px,8vw,112px);font-weight:700}
.ma-hero p{margin:0;font-size:20px;line-height:1.5;max-width:520px;font-weight:500}
.ma-mirror-wrap{position:relative;justify-self:center;width:min(430px,78vw)}
.ma-mirror{position:relative;aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;border:9px solid #FFD447;box-shadow:0 0 0 5px #1B1035,12px 12px 0 5px #1B1035;transition:transform .6s}
.ma-home.mad .ma-mirror{box-shadow:0 0 0 5px #FFF4E4,12px 12px 0 5px #FF3D9A;transform:rotate(-2deg)}
.ma-mirror img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;animation:ma-pan 26s ease-in-out infinite alternate}
@keyframes ma-pan{from{object-position:0% 50%}to{object-position:100% 50%}}
.ma-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.3) 48%,transparent 56%);background-size:250% 100%;animation:ma-shine 6s ease-in-out infinite}
@keyframes ma-shine{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
.ma-watch{position:absolute;left:-60px;bottom:50px;width:150px;height:150px;--r:-10deg;animation:ma-float 7s ease-in-out infinite}
@keyframes ma-float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-16px) rotate(calc(var(--r) + 6deg))}}
.ma-hand{transform-box:view-box;transform-origin:75px 82px;animation:ma-tick 8s steps(60) infinite}
.ma-hand2{transform-box:view-box;transform-origin:75px 82px;animation:ma-tick 60s linear infinite}
@keyframes ma-tick{to{transform:rotate(360deg)}}
@media (max-width:700px){.ma-hero{padding:48px 22px}.ma-watch{left:-14px;width:120px;height:120px}.ma-watch svg{width:120px;height:120px}}

/* Stats */
.ma-stat{background:var(--card);padding:34px;text-align:center}
.ma-stat .n{font-size:72px;font-weight:700}
.ma-stat .n .ma-it{font-size:32px}
.ma-stat .l{font-size:20px;letter-spacing:.08em;opacity:.75;margin-top:6px}

/* Collections deck */
.ma-deck-panel{background:var(--p3);padding:60px 40px;text-align:center}
.ma-deck-panel>p{margin:22px auto 40px;max-width:620px;font-size:18px;line-height:1.5}
.ma-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
.ma-cardx{text-decoration:none;background:#fff;color:#1B1035!important;border:4px solid #1B1035;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:6px 6px 0 #1B1035;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.ma-cardx[hidden]{display:none}
.ma-cardx:nth-child(4n+1){transform:rotate(-3deg)}.ma-cardx:nth-child(4n+2){transform:rotate(2deg)}
.ma-cardx:nth-child(4n+3){transform:rotate(-1.5deg)}.ma-cardx:nth-child(4n){transform:rotate(3deg)}
.ma-cardx:hover{transform:translateY(-10px) rotate(0)}
.ma-cardx .ph{aspect-ratio:1/1;border-bottom:4px solid #1B1035;overflow:hidden}
.ma-cardx .ph img{width:100%;height:100%!important;object-fit:cover}
.ma-cardx .tx{padding:14px 14px 18px;text-align:left}
.ma-cardx .nm{font-size:30px;font-weight:700}
.ma-cardx .rl{display:inline-block;margin-top:8px;background:#1B1035;color:#FFF4E4;font-size:14px;padding:4px 10px}
.ma-deal-in{animation:ma-deal .6s cubic-bezier(.3,1.4,.5,1) both}
@keyframes ma-deal{from{opacity:0;transform:translateY(40px) rotate(12deg) scale(.9)}}

/* Doors row */
.ma-door{padding:40px;text-decoration:none;display:flex;flex-direction:column;gap:14px;transition:background .6s}
.ma-door .k{font-size:18px;opacity:.8}
.ma-door .t{font-size:46px;font-weight:700}
.ma-door img{width:100%;aspect-ratio:4/3;object-fit:cover;border:4px solid #1B1035;border-radius:12px;transition:transform .4s}
.ma-door:hover img{transform:rotate(-2deg) scale(1.03)}

/* Fresh off the workbench (WooCommerce products) */
.ma-shop{background:var(--card);padding:56px 40px}
.ma-shop .ma-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.ma-home .ma-shop ul.products{margin:0!important}
.ma-home .ma-shop ul.products li.product{background:#fff;border:4px solid #1B1035;border-radius:16px;padding:0 0 16px!important;box-shadow:6px 6px 0 #1B1035;overflow:hidden;transition:transform .3s}
.ma-home .ma-shop ul.products li.product:hover{transform:translateY(-6px)}
.ma-home .ma-shop ul.products li.product img{border-bottom:4px solid #1B1035;margin:0 0 12px!important}
.ma-home .ma-shop ul.products li.product .woocommerce-loop-product__title,
.ma-home .ma-shop ul.products li.product .price{padding:0 14px;color:#1B1035!important}
.ma-home .ma-shop ul.products li.product .woocommerce-loop-product__title{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:19px!important;line-height:1.1}
.ma-home .ma-shop ul.products li.product .price{font-family:Fraunces,serif;font-style:italic;font-weight:800;font-size:20px}

/* Wonderland words */
.ma-words-intro{background:var(--card);padding:54px 44px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ma-words-intro p{margin:0;font-size:18px;line-height:1.6}
.ma-flip{background:var(--p2);min-height:360px;perspective:1200px;display:flex}
.ma-flip-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;transition:transform .35s ease-in}
.ma-flip-in.turn{transform:rotateY(90deg)}
.ma-flip .term{font-size:54px;font-weight:700}
.ma-flip .say{margin:8px 0 18px;font-style:italic;opacity:.8}
.ma-flip .def{margin:0;font-size:18px;line-height:1.55;max-width:440px}

/* Reviews + visit */
.ma-rev{background:var(--p1);padding:54px 44px}
.ma-rev blockquote{margin:30px 0 16px;font-size:40px;font-weight:700;border:0;padding:0;transition:opacity .3s}
.ma-rev .who{font-family:Fraunces,serif;font-style:italic;font-weight:800;font-size:22px}
.ma-visit{background:var(--p4);padding:54px 44px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ma-visit .addr{font-size:44px;font-weight:700;margin-top:14px}
.ma-visit p{margin:0;font-size:18px;line-height:1.5}

/* Socks band */
.ma-socks{min-height:420px;display:flex;align-items:center;padding:40px}
.ma-socks>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.ma-socks .box{position:relative;max-width:460px;background:#1B1035;color:#FFF4E4;border:4px solid #1B1035;box-shadow:8px 8px 0 #FFD447;border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ma-socks .box h2{margin:0;font-size:46px}
.ma-socks .box p{margin:0;font-size:17px;line-height:1.55}
.ma-socks .box .ma-pill{background:#FFD447;color:#1B1035!important}

/* Promise bar */
.ma-promise{background:#1B1035;color:#FFF4E4;padding:30px 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.ma-promise .ma-cap{font-size:22px}

@media (prefers-reduced-motion:reduce){.ma-home *{animation:none!important;transition:none!important}}