/* ============================================================
   SD_HOME_STORES_BOTTOM_V113

   Desktop:
   - время = размер статуса
   - одинаковая жирность
   - цвет зависит от open / closed
   - маленькая кнопка в правом нижнем углу
   ============================================================ */

@media (min-width:1181px){

    /* ========================================================
       НИЖНЯЯ СТРОКА
       ======================================================== */

    body.site-home-modern
    .home-store-hours-v106{

        display:flex !important;

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

        gap:12px !important;

        width:100% !important;

        padding-top:22px !important;

        /*
         * Оставляем только необходимое место
         * под уменьшенную кнопку справа.
         */
        padding-right:46px !important;

        box-sizing:border-box !important;
    }


    body.site-home-modern
    .home-store-state-v106-4{

        display:flex !important;

        align-items:center !important;

        gap:8px !important;

        min-width:0 !important;
    }


    /* ========================================================
       ОТКРЫТО / ЗАКРЫТО
       ======================================================== */

    body.site-home-modern
    .home-store-status-v106-4{

        font-size:15px !important;

        line-height:1 !important;

        font-weight:950 !important;

        letter-spacing:0 !important;

        white-space:nowrap !important;
    }


    /* ========================================================
       ВРЕМЯ

       Теперь ровно такой же визуальный вес,
       как у ОТКРЫТО / ЗАКРЫТО.
       ======================================================== */

    body.site-home-modern
    .home-store-status-caption-v106-4{

        margin:0 !important;

        font-size:15px !important;

        line-height:1 !important;

        font-weight:950 !important;

        letter-spacing:0 !important;

        text-align:right !important;

        white-space:nowrap !important;

        opacity:1 !important;
    }


    /* ========================================================
       OPEN
       ======================================================== */

    body.site-home-modern
    .home-store-card-v106.is-open-v106-4
    .home-store-status-caption-v106-4{

        color:#20c56b !important;

        -webkit-text-fill-color:#20c56b !important;
    }


    /* ========================================================
       CLOSED
       ======================================================== */

    body.site-home-modern
    .home-store-card-v106.is-closed-v106-4
    .home-store-status-caption-v106-4{

        color:#ef242c !important;

        -webkit-text-fill-color:#ef242c !important;
    }


    /* ========================================================
       МАЛЕНЬКАЯ КНОПКА ПЕРЕХОДА
       ======================================================== */

    body.site-home-modern
    .home-store-arrow-v106{

        position:absolute !important;

        right:10px !important;
        bottom:10px !important;

        width:34px !important;
        height:34px !important;

        min-width:34px !important;
        min-height:34px !important;

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

        display:flex !important;

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

        box-sizing:border-box !important;

        border-radius:50% !important;

        font-size:0 !important;
        line-height:0 !important;

        color:transparent !important;

        z-index:3 !important;
    }


    /*
     * Сам символ рисуем отдельно,
     * чтобы центр не зависел от метрик шрифта.
     */

    body.site-home-modern
    .home-store-arrow-v106::before{

        content:"→" !important;

        position:absolute !important;

        left:50% !important;
        top:50% !important;

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

        color:#ef1d26 !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size:17px !important;

        font-weight:700 !important;

        font-style:normal !important;

        line-height:1 !important;

        transform:
            translate(-50%,-50%) !important;

        pointer-events:none !important;
    }

}


/* ============================================================
   DARK
   ============================================================ */

@media (min-width:1181px){

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-store-card-v106.is-open-v106-4
    .home-store-status-caption-v106-4{

        color:#31d97b !important;

        -webkit-text-fill-color:#31d97b !important;
    }


    html[data-site-theme="dark"]
    body.site-home-modern
    .home-store-card-v106.is-closed-v106-4
    .home-store-status-caption-v106-4{

        color:#ff343c !important;

        -webkit-text-fill-color:#ff343c !important;
    }


    html[data-site-theme="dark"]
    body.site-home-modern
    .home-store-arrow-v106{

        background:#181a1e !important;

        border-color:
            rgba(255,255,255,.12) !important;
    }

}


/* ============================================================
   LIGHT
   ============================================================ */

@media (min-width:1181px){

    html[data-site-theme="light"]
    body.site-home-modern
    .home-store-card-v106.is-open-v106-4
    .home-store-status-caption-v106-4{

        color:#20c56b !important;

        -webkit-text-fill-color:#20c56b !important;
    }


    html[data-site-theme="light"]
    body.site-home-modern
    .home-store-card-v106.is-closed-v106-4
    .home-store-status-caption-v106-4{

        color:#ef242c !important;

        -webkit-text-fill-color:#ef242c !important;
    }


    html[data-site-theme="light"]
    body.site-home-modern
    .home-store-arrow-v106{

        background:#fff !important;

        border-color:
            rgba(20,20,20,.11) !important;
    }

}


/*
 * Планшет и мобильную версию не меняем.
 */
