/* =========================================================
   HOME LIVE TV GUIDE V2
   ========================================================= */


.gm-live-guide-parent{

    display:flex !important;

    align-items:center !important;

    gap:12px !important;

    width:100%;

    min-width:0;
}


/*
 * Keep "Live TV" in one single line.
 */

.gm-live-tv-guide-title{

    flex:0 0 auto !important;

    width:auto !important;

    min-width:max-content !important;

    white-space:nowrap !important;

    word-break:keep-all !important;

    overflow-wrap:normal !important;
}


/*
 * Middle information box.
 * Slightly compressed from left + right.
 */

.gm-live-tv-guide{

    flex:1 1 auto;

    min-width:0;

    max-width:980px;

    margin-left:24px;
    margin-right:24px;

    padding:8px 16px;

    text-align:center;

    font-size:13px;

    font-weight:500;

    line-height:1.45;

    color:rgba(238,242,255,.72);

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:10px;

    background:
        rgba(255,255,255,.025);

    backdrop-filter:
        blur(5px);

    -webkit-backdrop-filter:
        blur(5px);
}


.gm-live-tv-guide strong{

    color:#ffffff;

    font-weight:700;
}


.gm-live-tv-guide-link{

    color:#ffffff;

    text-decoration:none;

    font-weight:700;
}


.gm-live-tv-guide-link:hover{

    text-decoration:underline;
}


/*
 * Keep View All on one line too.
 */

.gm-live-tv-guide-view-all{

    flex:0 0 auto !important;

    white-space:nowrap !important;
}


/* =========================================================
   LAPTOP / SMALL DESKTOP
   ========================================================= */

@media(max-width:1300px){

    .gm-live-tv-guide{

        margin-left:14px;
        margin-right:14px;

        padding-left:12px;
        padding-right:12px;

        font-size:12px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:950px){

    .gm-live-guide-parent{

        flex-wrap:wrap !important;
    }


    .gm-live-tv-guide{

        order:3;

        flex:0 0 calc(100% - 32px);

        max-width:none;

        margin-left:16px;
        margin-right:16px;

        text-align:center;
    }
}


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

@media(max-width:600px){

    .gm-live-guide-parent{

        gap:8px !important;
    }


    .gm-live-tv-guide-title{

        white-space:nowrap !important;
    }


    .gm-live-tv-guide{

        order:3;

        flex:0 0 calc(100% - 20px);

        width:calc(100% - 20px);

        margin-left:10px;
        margin-right:10px;

        padding:8px 10px;

        text-align:left;

        font-size:11px;

        line-height:1.45;

        border-radius:8px;
    }
}


/* GM-HOME-GUIDE-TRANSLATED-LINK-V1 */

.gm-live-tv-guide-message-link{
    display:block;
    width:100%;
    color:inherit;
    text-decoration:none;
}


.gm-live-tv-guide-message-link:hover{
    color:#ffffff;
    text-decoration:none;
}


.gm-live-tv-guide[dir="rtl"]{
    text-align:right;
}


.gm-live-tv-guide[dir="ltr"]{
    text-align:center;
}


@media(max-width:600px){

    .gm-live-tv-guide[dir="ltr"],
    .gm-live-tv-guide[dir="rtl"]{
        text-align:left;
    }


    .gm-live-tv-guide[dir="rtl"]{
        text-align:right;
    }
}