/* =========================================================
   PAREACLUB MOBILE LEFT BUTTONS V5
   ΜΟΝΟ ΚΙΝΗΤΟ

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

   2η σειρά:
   DJ PLAYER
========================================================= */

@media screen and (max-width:650px),
       (hover: none) and (pointer: coarse) {

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

    #pareaRoomsActionsV1 {
        display: grid !important;

        grid-template-columns:
            minmax(72px, 1fr)
            42px
            minmax(92px, 1.2fr) !important;

        grid-auto-flow: row !important;

        gap: 5px !important;

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

        padding: 5px !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;

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

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

        box-sizing: border-box !important;

        display: flex !important;

        flex-direction: row !important;

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

        gap: 5px !important;

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

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


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

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

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

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

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

        box-sizing: border-box !important;

        display: flex !important;

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

        text-align: center !important;

        font-size: 18px !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;

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

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

        box-sizing: border-box !important;

        display: flex !important;

        flex-direction: row !important;

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

        gap: 5px !important;

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

        font-size: 14px !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: 40px !important;
        min-height: 40px !important;

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

        box-sizing: border-box !important;

        text-align: center !important;

        white-space: nowrap !important;

        font-size: 15px !important;
        line-height: 38px !important;
    }


    /* Εικονίδιο + DJ Player στην ΙΔΙΑ γραμμή */

    #pareaRoomsActionsV1 #pareaDjPlayerProxyV2 span,
    #pareaRoomsActionsV1 #pareaDjPlayerProxyV2 i,
    #pareaRoomsActionsV1 #pareaDjPlayerProxyV2 svg {
        display: inline-block !important;

        vertical-align: middle !important;
    }


    /* =====================================================
       ΠΡΟΣΤΑΣΙΑ VISIBILITY
       Αν το σύστημα το έχει κρύψει, ΔΕΝ το εμφανίζουμε.
    ===================================================== */

    #pareaRoomsActionsV1
    #pareaDjPlayerProxyV2[hidden],

    #pareaRoomsActionsV1
    #pareaDjPlayerProxyV2[style*="display: none"],

    #pareaRoomsActionsV1
    #pareaDjPlayerProxyV2[style*="display:none"] {
        display: none !important;
    }


    /* =====================================================
       ΚΟΚΚΙΝΟ BADGE ΜΗΝΥΜΑΤΩΝ
    ===================================================== */

    #pareaPrivateInboxBadgeV1 {
        position: absolute !important;

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

        z-index: 30 !important;
    }
}