/* Rich banner — composed on-brand promo band. Self-contained (own palette);
   sparkles/coins are inline-SVG, no image files. */

.mw-rb{
  position:relative; display:block; overflow:hidden; text-decoration:none;
  margin:22px 0; border-radius:18px; padding:9px 26px;
  font-family:'Baloo 2',system-ui,sans-serif;
  box-shadow:0 10px 26px rgba(14,11,9,.12);
}
.mw-rb--h-short{min-height:48px}
.mw-rb--h-tall{min-height:84px}

/* Border around the whole banner */
.mw-rb--border{border-style:solid;border-width:3px;box-sizing:border-box}
.mw-rb--border-dark{border-color:#0E0B09}
.mw-rb--border-white{border-color:#fff}
.mw-rb--border-caramel{border-color:#E9B45C}
.mw-rb--border-raspberry{border-color:#D9538F}
.mw-rb--border-teal{border-color:#0E93A6}

/* Backgrounds (theme palette) */
.mw-rb--caramel{background:linear-gradient(100deg,#E9B45C,#f0c877)}
.mw-rb--raspberry{background:linear-gradient(100deg,#D9538F,#e57aa8)}
.mw-rb--teal{background:linear-gradient(100deg,#0E93A6,#3fb7c9)}
.mw-rb--graham{background:#0E0B09}
.mw-rb--cream{background:#FFF3D8}
.mw-rb--tan{background:#E9D6AC}

/* Left edge bar */
.mw-rb--edge{padding-left:38px}
.mw-rb--edge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;z-index:2}
.mw-rb--edge-caramel::before{background:#E9B45C}
.mw-rb--edge-raspberry::before{background:#D9538F}
.mw-rb--edge-teal::before{background:#0E93A6}
.mw-rb--edge-graham::before{background:#0E0B09}

/* Decoration layer (behind the copy) */
.mw-rb__decor{position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:repeat;opacity:.9}
.mw-rb__decor--twinkles{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='104' viewBox='0 0 160 104'%3E%3Cpath d='M22 16 l3 9 9 3 -9 3 -3 9 -3 -9 -9 -3 9 -3z' fill='%23D9538F' opacity='.5'/%3E%3Cpath d='M124 26 l2.5 7 7 2.5 -7 2.5 -2.5 7 -2.5 -7 -7 -2.5 7 -2.5z' fill='%232BC3D8' opacity='.6'/%3E%3Cpath d='M78 74 l2 6 6 2 -6 2 -2 6 -2 -6 -6 -2 6 -2z' fill='%23D9538F' opacity='.42'/%3E%3C/svg%3E")}
.mw-rb__decor--coins{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='120' viewBox='0 0 170 120'%3E%3Ccircle cx='34' cy='84' r='11' fill='%23E9B45C' opacity='.5'/%3E%3Ccircle cx='34' cy='84' r='11' fill='none' stroke='%23b9822a' stroke-width='2' opacity='.45'/%3E%3Ccircle cx='138' cy='30' r='9' fill='%23E9B45C' opacity='.45'/%3E%3Ccircle cx='138' cy='30' r='9' fill='none' stroke='%23b9822a' stroke-width='2' opacity='.4'/%3E%3C/svg%3E")}

/* Content row */
.mw-rb__inner{position:relative;z-index:1;display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;justify-content:center}
.mw-rb__copy{flex:1 1 auto;min-width:0}
.mw-rb__inner--left .mw-rb__copy{text-align:left}
.mw-rb__inner--center .mw-rb__copy{text-align:center}
.mw-rb__inner--right .mw-rb__copy{text-align:right}

.mw-rb__head{
  margin:0; font-family:'Baloo 2'; font-weight:800; line-height:1.08;
  font-size:clamp(23px,4.4vw,42px); color:#0E0B09;
}
.mw-rb--graham .mw-rb__head,.mw-rb--teal .mw-rb__head,.mw-rb--raspberry .mw-rb__head{color:#FFF3D8}
/* Per-word colour markers */
.mw-rb__c-p{color:#D9538F}
.mw-rb__c-t{color:#2BC3D8}
.mw-rb__c-d{color:#0E0B09}
.mw-rb__c-c{color:#FFF3D8}
/* Sticker outline */
.mw-rb__copy--outline .mw-rb__head{
  -webkit-text-stroke:2.5px #fff; paint-order:stroke fill;
  text-shadow:2px 3px 0 rgba(14,11,9,.16);
}
.mw-rb__copy--outline-lg .mw-rb__head{-webkit-text-stroke-width:6px}
.mw-rb__copy--outline-dark .mw-rb__head{-webkit-text-stroke-color:#0E0B09;text-shadow:2px 3px 0 rgba(255,255,255,.18)}

/* Mascot cutout */
.mw-rb__mascot{flex:0 0 auto;display:block;width:auto;object-fit:contain}
.mw-rb__mascot--small{max-height:52px;max-width:78px}
.mw-rb__mascot--medium{max-height:78px;max-width:110px}
.mw-rb__mascot--large{max-height:110px;max-width:150px}

@media (max-width:560px){
  .mw-rb__mascot{display:none}
  .mw-rb__head{font-size:clamp(21px,7vw,30px)}
  .mw-rb__inner--left .mw-rb__copy,.mw-rb__inner--right .mw-rb__copy{text-align:center}
}