.radio-browser-avatar {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: transparent !important;
    pointer-events: none;
}

/* Team: volledig poppetje, maar duidelijk groter */
.hotel-avatar-room .radio-browser-avatar {
    width: 180px;
    height: 120px;
    margin: 0 auto;
    align-self: center;
    background: transparent !important;
}

/* Profiel: groter verticaal avatarvak */
.hotel-profile-room .radio-browser-avatar,
.hotel-profile-avatar.radio-browser-avatar {
    width: 255px;
    height: 325px;
    margin: 0 auto;
    align-self: flex-end;
    background: transparent !important;
}

.hotel-avatar-room iframe,
.hotel-profile-room iframe {
    display: block;
    border: 0;
    background: transparent !important;
    color-scheme: normal;
}

.radio-browser-avatar-fallback {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: var(--uv3-muted, #607986);
    font-size: 48px;
    background: transparent !important;
}

@media (max-width: 700px) {
    .hotel-avatar-room .radio-browser-avatar {
        width: 150px;
        height: 110px;
    }

    .hotel-profile-room .radio-browser-avatar,
    .hotel-profile-avatar.radio-browser-avatar {
        width: 220px;
        height: 290px;
    }
}

/* ==========================================================
   HOMEPAGE TEAMAVATARS
   Alleen voor 'Maak kennis met de radiofamilie'
   ========================================================== */

.v4-team-mini {
    overflow: hidden;
}

.v4-team-home-avatar {
    display: flex;
    width: 100%;
    height: 125px;
    align-items: flex-end;
    justify-content: center;
    margin: -8px auto 6px;
    overflow: hidden;
    background: transparent;
}

.v4-team-home-avatar .home-team-avatar {
    display: block;
    width: 145px;
    height: 125px;
    margin: 0 auto;
    border: 0;
    background: transparent !important;
    pointer-events: none;
}

.v4-team-home-avatar .radio-browser-avatar-fallback {
    width: 145px;
    height: 125px;
    font-size: 45px;
    background: transparent !important;
}

@media (max-width: 700px) {
    .v4-team-home-avatar {
        height: 115px;
    }

    .v4-team-home-avatar .home-team-avatar {
        width: 135px;
        height: 115px;
    }
}

/* ===== Homepage avatars transparant ===== */

.v4-team-home-avatar,
.v4-team-home-avatar iframe,
.home-team-avatar,
.home-team-avatar iframe,
.radio-browser-avatar,
.radio-browser-avatar iframe{
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
}

.v4-team-home-avatar iframe{
    width:145px !important;
    height:125px !important;
    overflow:hidden !important;
}

/* Zorg dat de HTML van de iframe ook transparant is */
.radio-browser-avatar{
    background: transparent !important;
}


/* ===== Homepage avatars transparant ===== */

.v4-team-home-avatar,
.v4-team-home-avatar iframe,
.home-team-avatar,
.home-team-avatar iframe,
.radio-browser-avatar,
.radio-browser-avatar iframe{
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
}

.v4-team-home-avatar iframe{
    width:145px !important;
    height:125px !important;
    overflow:hidden !important;
}

/* Zorg dat de HTML van de iframe ook transparant is */
.radio-browser-avatar{
    background: transparent !important;
}


/* ==========================================================
   HOMEPAGE — zelfde transparante avatarstijl als TEAMPAGINA
   ========================================================== */

.v4-team-home-avatar.hotel-avatar-room {
    display: flex !important;
    width: 100% !important;
    height: 125px !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin: -8px auto 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
}

.v4-team-home-avatar.hotel-avatar-room .radio-browser-avatar,
.v4-team-home-avatar.hotel-avatar-room .home-team-avatar {
    display: block !important;
    width: 150px !important;
    height: 125px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color-scheme: normal !important;
    pointer-events: none !important;
}

.v4-team-home-avatar.hotel-avatar-room iframe {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.v4-team-home-avatar.hotel-avatar-room .radio-browser-avatar-fallback {
    width: 150px !important;
    height: 125px !important;
    background: transparent !important;
}

@media (max-width: 700px) {
    .v4-team-home-avatar.hotel-avatar-room {
        height: 115px !important;
    }

    .v4-team-home-avatar.hotel-avatar-room .radio-browser-avatar,
    .v4-team-home-avatar.hotel-avatar-room .home-team-avatar {
        width: 140px !important;
        height: 115px !important;
    }
}

/* ===== Homepage avatars iets kleiner ===== */

.v4-team-home-avatar.hotel-avatar-room{
    height:105px !important;
}

.v4-team-home-avatar.hotel-avatar-room .radio-browser-avatar,
.v4-team-home-avatar.hotel-avatar-room .home-team-avatar,
.v4-team-home-avatar.hotel-avatar-room iframe{
    width:120px !important;
    height:105px !important;
}

.v4-team-home-avatar.hotel-avatar-room .radio-browser-avatar-fallback{
    width:120px !important;
    height:105px !important;
}