/* Player flutuante da Rádio Vivência Espírita (out/2026)
   Baseado no player de amigosdechicoxavier.org/2026. Carregado em todas as
   páginas pelo plugin "Head, Footer and Post Injections" (rodapé) — não é
   arquivo de tema. JS: ve-radio.js */

.ve-radio,.ve-radio *{box-sizing:border-box}
.ve-radio{--vr-azul:#030a8c;--vr-azul2:#021e73;--vr-azul3:#021248;--vr-laranja:#F27405;--vr-laranja2:#F2620F;
  position:fixed;z-index:99990;font-family:Roboto,Arial,sans-serif;color:#fff;line-height:1.4;-webkit-font-smoothing:antialiased}
/* O tema (Voice) e o WordPress estilizam todo <button>: min-width 140px, fonte 21px,
   fundo cinza/laranja no hover. Sem este reset os botões redondos viram ovais. */
.ve-radio button,button.ve-radio{font-family:inherit;cursor:pointer;margin:0;min-width:0!important;max-width:none;
  font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;text-shadow:none;-webkit-appearance:none;appearance:none;
  -webkit-tap-highlight-color:transparent}
.ve-radio[hidden],.ve-radio [hidden]{display:none!important}
.ve-radio button:focus-visible,.ve-radio a:focus-visible{outline:3px solid #ffd19a;outline-offset:2px}

/* Cartão (computador) */
.ve-radio-card{right:20px;bottom:20px;width:360px;border-radius:24px;overflow:hidden;
  border:1px solid rgba(242,116,5,.3);
  background:linear-gradient(180deg,rgba(3,10,140,.98) 0%,rgba(2,30,115,.98) 58%,rgba(2,18,72,.98) 100%);
  box-shadow:0 30px 90px rgba(2,20,82,.42)}
.ve-radio-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.ve-radio-rotulo{margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffcf9e;display:flex;align-items:center;gap:7px}
.ve-radio-rotulo:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5a4f;box-shadow:0 0 0 0 rgba(255,90,79,.7);animation:vr-ponto 1.8s infinite}
.ve-radio-nome{margin:2px 0 0;font-size:17px;font-weight:700;color:#fff}
.ve-radio-acoes{display:flex;gap:8px}
.ve-radio-icone{display:inline-flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;flex:none;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:0;transition:background .2s}
.ve-radio-icone:hover{background:rgba(255,255,255,.16)}
.ve-radio-icone{padding:0!important}
.ve-radio-play:hover,.ve-radio-play:focus{background:linear-gradient(180deg,var(--vr-laranja) 0%,var(--vr-laranja2) 100%)}
.ve-radio-reabrir:hover{background:linear-gradient(180deg,rgba(3,10,140,.97) 0%,rgba(2,30,115,.97) 100%)}
.ve-radio-icone svg{width:18px;height:18px}
.ve-radio-corpo{display:grid;gap:16px;padding:16px 18px 18px}
.ve-radio-agora{display:flex;align-items:center;gap:14px}
.ve-radio-logo{flex:none;width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.96);padding:9px;box-shadow:0 16px 35px rgba(0,0,0,.18)}
.ve-radio-logo img{width:100%;height:100%;object-fit:contain;display:block}
.ve-radio-agora-txt{min-width:0;flex:1}
.ve-radio-mini{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(224,236,255,.75)}
.ve-radio-musica{margin:4px 0 0;font-size:16px;line-height:1.45;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ve-radio-tocar-linha{display:flex;align-items:center;gap:14px}
.ve-radio-play{flex:none;display:inline-flex;align-items:center;justify-content:center;width:60px!important;height:60px!important;border:0;border-radius:50%;padding:0!important;color:#fff;
  background:linear-gradient(180deg,var(--vr-laranja) 0%,var(--vr-laranja2) 100%);box-shadow:0 16px 30px rgba(242,98,15,.35);transition:transform .15s}
.ve-radio-play:hover{transform:scale(1.04)}
.ve-radio-play svg{width:24px;height:24px}
.ve-radio-play .vr-i-play{margin-left:3px}
.ve-radio[data-estado="carregando"] .ve-radio-play svg{animation:vr-girar 1s linear infinite}
.ve-radio[data-continuar="1"] .ve-radio-play{animation:vr-pulso 1.6s ease-out infinite}
.ve-radio-status{min-width:0;flex:1;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);padding:10px 14px}
.ve-radio-status b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(224,236,255,.75)}
.ve-radio-status span{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.92)}
.ve-radio-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.ve-radio-links a{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffcf9e!important;text-decoration:none!important}
.ve-radio-links a:hover{color:#fff!important}
.ve-radio-card.ve-radio-min .ve-radio-corpo{display:none}

/* Barra (celular) */
.ve-radio-barra{left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(3,10,140,.98) 0%,rgba(2,30,115,.98) 100%);box-shadow:0 -18px 55px rgba(2,20,82,.28)}
.ve-radio-barra-linha{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ve-radio-barra-info{display:flex;align-items:center;gap:10px;min-width:0}
.ve-radio-barra .ve-radio-logo{width:46px;height:46px;border-radius:14px;padding:6px}
.ve-radio-barra-txt{min-width:0}
.ve-radio-barra-txt p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ve-radio-barra-txt .ve-radio-nome{font-size:15px;margin:0}
.ve-radio-barra-txt .ve-radio-musica{font-size:13px;margin:1px 0 0;display:block;color:rgba(224,236,255,.85)}
.ve-radio-barra-acoes{display:flex;align-items:center;gap:8px;flex:none}
.ve-radio-barra .ve-radio-play{width:50px!important;height:50px!important}
.ve-radio-barra .ve-radio-play svg{width:20px;height:20px}

/* Painel de detalhes da barra (setinha) */
.ve-radio-detalhes{display:grid;gap:10px;margin-top:10px}
.ve-radio-barra .ve-radio-icone{width:42px!important;height:42px!important}

/* Botão "Ouvir a rádio" quando o player está fechado */
.ve-radio-reabrir{right:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:13px 20px;font-size:16px;font-weight:700;color:#fff;
  border:1px solid rgba(242,116,5,.4);background:linear-gradient(180deg,rgba(3,10,140,.97) 0%,rgba(2,30,115,.97) 100%);box-shadow:0 16px 36px rgba(2,20,82,.3)}
.ve-radio-reabrir svg{width:20px;height:20px;color:#ffb066}

@media (min-width:768px){.ve-radio-barra{display:none!important}}
@media (max-width:767px){.ve-radio-card{display:none!important}
  body.ve-radio-com-barra{padding-bottom:84px}
  body.ve-radio-com-barra #cookie-notice{bottom:76px!important}}

@keyframes vr-girar{to{transform:rotate(360deg)}}
@keyframes vr-pulso{0%{box-shadow:0 0 0 0 rgba(242,116,5,.65)}70%{box-shadow:0 0 0 16px rgba(242,116,5,0)}100%{box-shadow:0 0 0 0 rgba(242,116,5,0)}}
@keyframes vr-ponto{0%{box-shadow:0 0 0 0 rgba(255,90,79,.7)}70%{box-shadow:0 0 0 7px rgba(255,90,79,0)}100%{box-shadow:0 0 0 0 rgba(255,90,79,0)}}
@media (prefers-reduced-motion:reduce){.ve-radio *{animation:none!important;transition:none!important}}
@media print{.ve-radio{display:none!important}}