/* Reglas de alta prioridad para evitar que el tema limite el ancho. */
#rp-radio [hidden] { display: none !important; }

#rp-radio.rp-width-full {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

#rp-radio.rp-width-full.rp-bottom { bottom: 0 !important; }
#rp-radio.rp-width-full.rp-top { top: 0 !important; }

/* Audioman aplica un padding global a todos los botones y desplaza el icono.
   Se neutraliza solo dentro del control Play/Stop, sin cambiar su dibujo. */
#rp-radio .rp-toggle {
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    border-color: var(--rp-play) !important;
    background-color: var(--rp-play-soft) !important;
    box-shadow: 0 0 14px var(--rp-play-glow) !important;
}

#rp-radio.is-playing .rp-toggle {
    border-color: var(--rp-stop) !important;
    background-color: var(--rp-stop-soft) !important;
    box-shadow: 0 0 14px var(--rp-stop-glow) !important;
}

#rp-radio .rp-toggle .rp-play-icon {
    margin: 0 !important;
    position: static !important;
}

@media (max-width: 650px) {
    #rp-radio .rp-info,
    #rp-radio .rp-details,
    #rp-radio .rp-status {
        display: flex !important;
    }
    #rp-radio .rp-info { flex-direction: column; }
    #rp-radio .rp-details { flex-direction: row; }
    #rp-radio .rp-status { align-items: center; }
}
