/* Avari Homeschool Hub v1.2.4 — wardrobe + adaptive math polish */

/* Wearables are layered onto the existing CSS Buddy without replacing the cat art. */
.b121-cat-wrap>.b121-cat{z-index:3}
.b124-wear{position:absolute;left:50%;pointer-events:none;user-select:none;transform:translateX(-50%);filter:drop-shadow(0 4px 3px rgba(55,35,20,.18));line-height:1;z-index:16}
.b124-wear-hat{top:0;font-size:58px;transform:translateX(-50%) rotate(-3deg)}
.b124-wear-outfit{top:126px;font-size:70px;z-index:10}
.b124-wear-accessory{top:82px;font-size:46px;z-index:18}

.sku-hat-rainbow{top:4px;font-size:60px}
.sku-hat-crown{top:-2px;font-size:58px}
.sku-hat-party{top:0;font-size:54px}

/* Hero Cape is drawn as an actual cape behind Buddy instead of showing a superhero-person emoji. */
.sku-outfit-cape{top:119px;width:128px;height:132px;font-size:0;z-index:2;background:linear-gradient(135deg,#ff697b,#d93f58);clip-path:polygon(16% 0,84% 0,100% 94%,70% 80%,50% 100%,30% 80%,0 94%);border-radius:22px 22px 30px 30px;filter:drop-shadow(0 7px 4px rgba(84,31,43,.2))}
.sku-outfit-cozy{top:127px;font-size:74px}
.sku-outfit-pajamas{top:134px;width:102px;height:84px;display:grid;place-items:center;border:3px solid #4055a7;border-radius:44% 44% 38% 38%;background:linear-gradient(145deg,#7186e8,#485ec3);color:#ffe66f;font-size:39px;text-shadow:21px 22px 0 #ffe66f,-22px 24px 0 #ffe66f;filter:drop-shadow(0 5px 3px rgba(32,45,104,.2))}

.sku-accessory-bow{top:105px;left:69%;font-size:46px;transform:translateX(-50%) rotate(7deg)}
.sku-accessory-glasses{top:79px;font-size:48px;filter:drop-shadow(0 2px 1px rgba(20,35,48,.25))}
.sku-accessory-popsicle{top:179px;left:78%;font-size:42px;transform:translateX(-50%) rotate(10deg)}

/* Make the active closet item obvious. */
.b124-wearing{background:#e8f7ee!important;color:#277149!important;border:2px solid #9ed2b1!important;cursor:default!important;opacity:1!important}

/* Equipped room paint now follows Buddy into the rendered room scenes. */
.b121-room.b124-room-sky{--wall1:#e7f7ff;--wall2:#bfe7f7}
.b121-room.b124-room-pink{--wall1:#fff0f6;--wall2:#f6cee0}
.b121-room.b124-room-purple{--wall1:#f1ebff;--wall2:#d8c8f3}
.b121-room.b124-room-space{--wall1:#20234d;--wall2:#4a4c82;color:#fff}
.b121-room.b124-room-rainbow::before{background:linear-gradient(135deg,rgba(255,120,140,.22),rgba(255,207,102,.22),rgba(112,205,166,.22),rgba(105,171,239,.22),rgba(179,139,229,.22))}

@media(max-width:640px){
  .b124-wear-hat{transform:translateX(-50%) scale(.92)}
  .b124-wear-outfit{transform:translateX(-50%) scale(.92)}
  .b124-wear-accessory{transform:translateX(-50%) scale(.92)}
  .sku-accessory-bow{transform:translateX(-50%) rotate(7deg) scale(.92)}
  .sku-accessory-popsicle{transform:translateX(-50%) rotate(10deg) scale(.92)}
}