/* PUPIS v74 — aceleași butoane VIP ca la Aventura lui Pupi.
   Exclusiv prezentare; păstrează logica de redare din fiecare poveste. */
.side-actions{
  display:flex;align-items:center;gap:10px;flex:0 0 auto;
  margin-top:auto;padding:8px 11px;min-height:62px;
  border-radius:20px;border:1px solid rgba(227,156,255,.25);
  background:linear-gradient(100deg,rgba(29,7,73,.99),rgba(44,12,97,.99) 53%,rgba(29,7,72,.99));
  box-shadow:inset 0 2px 16px rgba(7,1,37,.7),0 0 13px rgba(43,4,91,.6);
}
.side-actions button{
  min-width:0;flex:1 1 0;height:43px;padding:7px 8px;
  border-radius:999px;border:2px solid #d77eff;
  color:#fff8ff;font:850 clamp(12px,1.28vw,19px)/1 Georgia,serif;
  background:linear-gradient(180deg,#a452e7 0%,#66219f 44%,#3b0c80 100%);
  text-shadow:0 1px 2px #15062c;
  box-shadow:inset 0 2px 2px #e7a6ff75,0 3px 9px #0c032c99;
  cursor:pointer;white-space:nowrap;transition:filter .16s ease,box-shadow .16s ease;
}
.side-actions .listen-btn{flex:1 1 0;color:#fff8ff;background:linear-gradient(180deg,#a452e7 0%,#66219f 44%,#3b0c80 100%)}
.side-actions .stop-btn{flex:1 1 0;color:#fff8ff;background:linear-gradient(180deg,#9658c4,#5a1c90 55%,#3b0d72)}
.side-actions button:hover:not(:disabled),.side-actions button:focus-visible{
  filter:brightness(1.15);box-shadow:0 0 0 3px #ffe0968c,0 5px 16px #0c032c;
}
.side-actions button:disabled{opacity:.56;filter:saturate(.65);cursor:default}
@media(max-width:550px){
  .side-actions{gap:7px;padding:7px 8px;min-height:57px;border-radius:13px}
  .side-actions button{height:40px;padding:5px 4px;border-width:1px;font-size:clamp(12px,3.5vw,16px)}
}
@media(max-height:740px) and (min-width:901px){
  .side-actions{min-height:54px;padding:6px 9px}
  .side-actions button{height:39px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.side-actions button{transition:none}}