/* ==========================================================
   FHL - MARKET WORKSPACE
   Player Market Buttons
   ========================================================== */


/* ==========================================================
   PLAYER MARKET BUTTON
   Stile coerente con il pulsante dell'Asta
   ========================================================== */

.fh-player-market-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:96px;

    height:34px;

    border:1px solid #d6a400;

    border-radius:8px;

    background:transparent;

    color:#d6a400;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    cursor:pointer;

    transition:all .20s ease;

}


/* ==========================================================
   ACQUISTATO
   Squadra attiva
   ========================================================== */

.fh-player-market-button-owned{

    background:#4caf50;

    color:#ffffff;

    border-color:#4caf50;

    cursor:not-allowed;

    opacity:1;

}


/* ==========================================================
   VENDUTO
   Altra squadra dello stesso girone
   ========================================================== */

.fh-player-market-button-sold{

    background:#b00020;

    color:#ffffff;

    border-color:#b00020;

    cursor:not-allowed;

    opacity:1;

}


/* ==========================================================
   HOVER
   Solo pulsante ACQUISTA
   ========================================================== */

.fh-player-market-button:not(:disabled):hover{

    background:#d6a400;

    color:#101010;

}


/* ==========================================================
   ACTIVE
   Solo pulsante ACQUISTA
   ========================================================== */

.fh-player-market-button:not(:disabled):active{

    transform:scale(.97);

}


/* ==========================================================
   DISABLED
   ========================================================== */

.fh-player-market-button:disabled{

    cursor:not-allowed;

    opacity:1;

}

/* ==========================================================
   ACTIVE OFFER — SVINCOLA
   Coerente con Active Offer della Workspace Asta
   ========================================================== */

.fh-active-player-actions{
    display:flex;
    justify-content:flex-start;
    gap:5px;
    margin-top:6px;
}

.fh-active-player-actions button{
    padding:3px 6px;
    border-radius:5px;
    font-size:9px;
    font-weight:700;
    cursor:pointer;
    background:transparent;
}

.fh-active-release-player-btn{
    border:1px solid #d00000;
    color:#ffffff;
}

.fh-active-release-player-btn:hover{
    background:#d00000;
    color:#ffffff;
}

.fh-auction-status-header {
    text-align: center;
}

.fh-auction-status-row {
    justify-content: center;
    text-align: center;
}

.fh-auction-status-row strong {
    display: block;
}

.fh-offer-budget .fh-budget-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
}





/* ==========================================================
   MOBILE
   Coerente con Auction Workspace
   ========================================================== */

@media (max-width:767px){

    .fh-player-market-button{

        width:100%;

        height:32px;

        padding:0 5px;

        font-size:10px;

        letter-spacing:.2px;

    }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:520px){

    .fh-player-market-button{

        height:30px;

        font-size:9px;

    }

}