/* =========================================================
   PAREACLUB LEFT BUTTONS - FINAL V4

   1η σειρά:
   ΕΞΟΔΟΣ | ✉ | ΡΥΘΜΙΣΕΙΣ

   2η σειρά:
   DJ PLAYER

   Το DJ Player ΔΕΝ αναγκάζεται να εμφανιστεί.
   Εμφανίζεται μόνο όταν το υπάρχον σύστημα το ενεργοποιεί.
========================================================= */

@media screen and (min-width:651px) {

    /* =====================================================
       WRAPPER
    ===================================================== */

    #pareaRoomsActionsV1 {
        display: grid !important;

        grid-template-columns:
            minmax(74px, 1fr)
            36px
            minmax(88px, 1fr) !important;

        grid-auto-rows: 32px !important;

        gap: 4px !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        align-items: stretch !important;
    }


    /* =====================================================
       ΕΞΟΔΟΣ
    ===================================================== */

    #pareaRoomsActionsV1 #logoutBtn {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 6px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        text-align: center !important;
        white-space: nowrap !important;

        font-size: 13px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       ΦΑΚΕΛΟΣ ΜΗΝΥΜΑΤΩΝ
    ===================================================== */

    #pareaRoomsActionsV1 #pareaPrivateInboxBtnV1 {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;

        font-size: 16px !important;
        line-height: 1 !important;

        position: relative !important;
    }


    /* =====================================================
       ΡΥΘΜΙΣΕΙΣ
    ===================================================== */

    #pareaRoomsActionsV1 #settingsBtn {
        grid-column: 3 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 6px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        text-align: center !important;
        white-space: nowrap !important;

        font-size: 13px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       DJ PLAYER
       ΠΑΝΤΑ ΣΤΗ 2η ΣΕΙΡΑ ΟΤΑΝ ΕΙΝΑΙ ΕΝΕΡΓΟ
    ===================================================== */

    #pareaRoomsActionsV1 #pareaDjPlayerProxyV2 {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        box-sizing: border-box !important;

        text-align: center !important;
        white-space: nowrap !important;

        font-size: 13px !important;
        line-height: 30px !important;

        justify-content: center !important;
        align-items: center !important;
    }


    /* Εικονίδιο + κείμενο στην ίδια γραμμή */

    #pareaRoomsActionsV1
    #pareaDjPlayerProxyV2 span,

    #pareaRoomsActionsV1
    #pareaDjPlayerProxyV2 i {
        vertical-align: middle !important;
    }


    /* =====================================================
       UNREAD BADGE
    ===================================================== */

    #pareaPrivateInboxBadgeV1 {
        position: absolute !important;

        top: -6px !important;
        right: -5px !important;

        z-index: 30 !important;
    }
}