/* NERDA Clan/Player: integrazione isolata, senza modificare Tornei/Sfide. */

/* Il reparto resta esterno alle schede e non entra nel filtro delle card. */
.avvisi_nerda_clan_reparto{
    position:relative;
    left:-15px;
    width:80%;
    max-width:600px;
    margin:0 auto;
    padding:44px 20px 0;
    box-sizing:border-box;
}

/* Le card Clan esistenti sono larghe 600px, con fotografia da 360px. */
.avvisi_nerda_clan_reparto
> .avvisi_nerda_componente_barra_reparto[data-nerda-tipo="reparto_clan"]{
    width:360px;
    max-width:none;
    height:40px;
    min-height:40px;
    margin:0 0 12px 120px;
    padding:5px 10px;
    transform:none;
    border:0;
    border-radius:5px;
    background:#6C89C6;
    transition:background-color 0.14s ease;
}

.avvisi_nerda_clan_reparto
> .avvisi_nerda_componente_barra_reparto[data-nerda-tipo="reparto_clan"]:has(.avvisi_nerda_pulsante_attivo){
    background:#FF9900;
}

.avvisi_nerda_clan_reparto .avvisi_nerda_componente_interno{
    height:30px;
    min-height:30px;
    border-bottom:0;
}

.avvisi_nerda_clan_reparto .avvisi_nerda_componente_etichetta{
    color:#FFFFFF;
    font-size:10px;
    font-weight:900;
}

.avvisi_nerda_clan_reparto .avvisi_nerda_pulsante,
.avvisi_nerda_clan_reparto .avvisi_nerda_pulsante.avvisi_nerda_pulsante_attivo{
    min-width:82px;
    min-height:30px;
    margin:0;
    padding:0 10px;
    border:0;
    background:transparent;
    color:#FFFFFF;
    font-size:9px;
    font-weight:900;
    box-shadow:none;
}

.avvisi_nerda_clan_reparto .avvisi_nerda_pulsante:not(:disabled):hover,
.avvisi_nerda_clan_reparto .avvisi_nerda_pulsante:not(:disabled):focus{
    background:rgba(255,255,255,0.16);
    color:#FFFFFF;
    outline:none;
    transform:none;
}

/* La barra standard rimossa occupava 44px (32px + padding 7px/5px).
   Conserva la posizione della foto e del voto rispetto al menu fisso. */
.avvisi_nerda_clan_player_profilo{
    padding-top:44px;
    box-sizing:border-box;
}

/* Il trigger e' figlio diretto della fotografia, non del collegamento. */
.avvisi_nerda_clan_player_media{
    position:relative;
}

.avvisi_nerda_clan_player_media
> .avvisi_nerda_componente_barra.avvisi_nerda_componente_barra_card{
    display:block;
    position:absolute;
    top:56px;
    right:10px;
    z-index:30;
    width:max-content;
    max-width:calc(100% - 20px);
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    line-height:normal;
    pointer-events:auto;
}

.avvisi_nerda_clan_player_media
> .avvisi_nerda_componente_barra_card .avvisi_nerda_componente_interno{
    width:auto;
    min-height:19px;
    gap:0;
    border-bottom:0;
}

.avvisi_nerda_clan_player_media
> .avvisi_nerda_componente_barra_card .avvisi_nerda_componente_etichetta{
    display:none;
}

.avvisi_nerda_clan_player_link{
    position:absolute;
    inset:0;
    z-index:25;
    display:block;
    border-radius:5px;
    text-decoration:none;
    cursor:pointer;
}

.avvisi_nerda_clan_player_link:focus-visible{
    outline:2px solid #FF9900;
    outline-offset:-3px;
}

/* Conserva cliccabile anche il bordo/padding dei risultati di ricerca. */
.avvisi_nerda_clan_player_ricerca_card{
    position:relative;
    isolation:isolate;
}

/* Nella ricerca il riquadro grado esistente e' piu' basso.
   Il pulsante resta sotto quel riquadro e dentro i 100px visibili. */
.avvisi_nerda_clan_player_ricerca_card .avvisi_nerda_clan_player_media
> .avvisi_nerda_componente_barra.avvisi_nerda_componente_barra_card{
    top:76px;
}

/* Le regole display:flex esistenti non devono mostrare opzioni escluse. */
[data-nerda-clan-player-popup] [data-nerda-u-opzione][hidden]{
    display:none !important;
}