/* Creative theme extras (doodles, mascot) — loaded only under /creative/ */

/* margin doodles: part of the page (scroll with it, no animation); only when the side margins
   are wide enough that they never touch text */
.cr-doodles{display:none}
@media(min-width:1420px){
  body.theme-creative{position:relative}
  .cr-doodles{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}
  .cr-doodle{position:absolute;transform:rotate(var(--tilt));filter:drop-shadow(0 4px 0 rgba(19,43,82,.12))}
  .cr-doodle--l{left:calc((100% - 1200px) / 4 - 28px)}
  .cr-doodle--r{right:calc((100% - 1200px) / 4 - 28px)}
}

/* WhatsApp chat button (inc/whatsapp.php) */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;gap:0;height:60px;padding:0 13px;border-radius:100px;background:#25D366;color:#FFFFFF !important;font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:15px;box-shadow:0 6px 0 #128C4B,0 14px 28px -10px rgba(19,43,82,.5);transition:transform .2s cubic-bezier(.34,1.56,.64,1),gap .25s ease;animation:wa-nudge 6s ease-in-out 3s infinite}
.wa-float:hover{transform:translateY(-3px) scale(1.04);gap:10px;animation:none}
.wa-float:active{transform:translateY(3px);box-shadow:0 2px 0 #128C4B}
.wa-label{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease}
.wa-float:hover .wa-label,.wa-float:focus-visible .wa-label{max-width:140px;padding-right:6px}
@keyframes wa-nudge{0%,90%,100%{transform:none}93%{transform:rotate(-10deg) scale(1.08)}96%{transform:rotate(10deg) scale(1.08)}}

/* sound on/off, stacked above the WhatsApp button (hidden on request; delete the display:none line to show it) */
.cr-sound{display:none !important}
.cr-sound{position:fixed;right:30px;bottom:96px;z-index:120;width:40px;height:40px;border-radius:50%;border:3px solid #132B52;background:#FFFFFF;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 4px 0 #132B52;transition:transform .15s ease}
.cr-sound:hover{transform:translateY(-2px)}
.cr-sound:active{transform:translateY(3px);box-shadow:0 1px 0 #132B52}
@media(max-width:700px){
  .wa-float{right:14px;bottom:14px;height:56px;padding:0 11px}
  .cr-sound{right:22px;bottom:86px}
}