/* Rádio Amparo — ajustes de layout v7 */

/* Faixa de mensagens: um símbolo discreto, sem repetir "NO AR". */
.onair-bar .onair-bar-inner{
  display:flex;
  align-items:center;
  gap:12px;
}
.ra-message-icon{
  flex:0 0 25px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:#163e65;
  opacity:.86;
}
.ra-message-icon svg{
  display:block;
  width:22px;
  height:22px;
  fill:currentColor;
}
.ra-message-icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}
.onair-bar .onair-track{
  min-width:0;
  flex:1 1 auto;
}

/* Com o player aberto, o cabeçalho fica SEMPRE inteiro por baixo dele. */
body:has(#raPlayer:not([hidden])) header.site-header{
  position:sticky!important;
  top:var(--ra-player-h,54px)!important;
  z-index:2147482000!important;
}

/* O player continua acima de tudo. */
#raPlayer:not([hidden]){
  z-index:2147483000!important;
}

@media(max-width:720px){
  .onair-bar .onair-bar-inner{gap:9px}
  .ra-message-icon{flex-basis:22px;width:22px;height:22px}
  .ra-message-icon svg{width:20px;height:20px}
}