/* =========================================================
   PAREACLUB ANDROID LEFT BUTTONS FINAL V6

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

   2η σειρά:
   DJ PLAYER

   ΜΟΝΟ για html.parea-android-desktop-v3
========================================================= */


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

html.parea-android-desktop-v3
#pareaRoomsActionsV1 {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        38px
        minmax(0, 1.20fr) !important;

    grid-auto-flow:
        row !important;

    column-gap:
        4px !important;

    row-gap:
        4px !important;

    width:
        auto !important;

    max-width:
        none !important;

    margin:
        3px 4px 4px 4px !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    align-items:
        stretch !important;
}


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

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#logoutBtn {

    grid-column:
        1 !important;

    grid-row:
        1 !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        30px !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;
}


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

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaPrivateInboxBtnV1 {

    grid-column:
        2 !important;

    grid-row:
        1 !important;

    width:
        38px !important;

    min-width:
        38px !important;

    max-width:
        38px !important;

    height:
        30px !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    padding:
        0 !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    text-align:
        center !important;

    font-size:
        16px !important;

    line-height:
        28px !important;

    position:
        relative !important;
}


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

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#settingsBtn {

    grid-column:
        3 !important;

    grid-row:
        1 !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        30px !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   DJ PLAYER
   ΠΑΝΤΑ ΔΕΥΤΕΡΗ ΣΕΙΡΑ ΟΤΑΝ ΕΜΦΑΝΙΖΕΤΑΙ
========================================================= */

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaDjPlayerProxyV2 {

    grid-column:
        1 / -1 !important;

    grid-row:
        2 !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        30px !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    padding:
        0 8px !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    font-size:
        12px !important;

    line-height:
        28px !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}


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

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaDjPlayerProxyV2 span,

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaDjPlayerProxyV2 i,

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaDjPlayerProxyV2 svg {

    vertical-align:
        middle !important;

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;
}


/* =========================================================
   ΠΟΤΕ ΜΗΝ ΕΜΦΑΝΙΖΕΙ DJ PLAYER ΑΝ ΕΙΝΑΙ HIDDEN
========================================================= */

html.parea-android-desktop-v3
#pareaRoomsActionsV1
#pareaDjPlayerProxyV2[hidden] {

    display:
        none !important;
}


/* =========================================================
   BADGE ΜΗΝΥΜΑΤΩΝ
========================================================= */

html.parea-android-desktop-v3
#pareaPrivateInboxBadgeV1 {

    position:
        absolute !important;

    top:
        -5px !important;

    right:
        -5px !important;

    z-index:
        30 !important;
}