/**********************************************/
/* header */
/**********************************************/

.wrapLogo
{
    background: transparent url('../img/logo/logo_chuf_white_heslo.svg') no-repeat left center;
}  

.menuFloating .wrapLogo
{
    background: transparent url('../img/logo/logo_chuf_white.svg') no-repeat left center;
}  

.wrapLogoCz, .menuFloating .wrapLogoCz
{
    background: transparent url('../img/logo/logo_nejlevnejsivzv_white.svg') no-repeat left center;
}

.wrapLogoVi, .menuFloating .wrapLogoVi
{
    background: transparent url('../img/logo/logo_chuf_white_heslo_vi.svg') no-repeat left center;
    background-size: contain;        
}    

.wrapLogoAr, .menuFloating .wrapLogoAr
{
    background: transparent url('../img/logo/logo_chuf_white_heslo_ar.svg') no-repeat left center;
    background-size: contain;        
}      

.wrapLogoKo, .menuFloating .wrapLogoKo
{
    background: transparent url('../img/logo/logo_chuf_white_heslo_ko.svg') no-repeat left center;
    background-size: contain;        
}          

.wrapLogoZh, .menuFloating .wrapLogoZh
{
    background: transparent url('../img/logo/logo_chuf_white_heslo_zh.svg') no-repeat left center;
    background-size: contain;        
}  



/**********************************************/
/* footer */
/**********************************************/  

/* logo */
.wrapFooterLogo
{         
    background: transparent url('../img/logo/logo_chuf_heslo.svg') no-repeat left center;
    background-size: 40%;
}

.wrapFooterLogoCz
{       
    background: transparent url('../img/logo/logo_nejlevnejsivzv.svg') no-repeat left center;
    background-size: 40%;
}       

.wrapFooterLogoAr
{       
    background: transparent url('../img/logo/logo_chuf_heslo_ar.svg') no-repeat left center;
    background-size: 40%;
}   

.wrapFooterLogoKo
{       
    background: transparent url('../img/logo/logo_chuf_heslo_ko.svg') no-repeat left center;
    background-size: 40%;
}   

.wrapFooterLogoVi
{       
    background: transparent url('../img/logo/logo_chuf_heslo_vi.svg') no-repeat left center;
    background-size: 40%;
}   

.wrapFooterLogoZh
{       
    background: transparent url('../img/logo/logo_chuf_heslo_zh.svg') no-repeat left center;
    background-size: 40%;
}  



/*************************************/    
/* dialogové okno */
/*************************************/ 

.wrapFancyHeaderLogo
{
    width: 25%;
    background: transparent url('../img/logo/logo_chuf_white.svg') no-repeat right center;
}

.wrapFancyHeaderLogoCz
{
    background: transparent url('../img/logo/logo_nejlevnejsivzv_white.svg') no-repeat right center;
}  



/*************************************/ 
/* předef. filtry - nastavení pořadí */
/*************************************/ 

.orderPredefinedFilterNewArrivals { order: 1; }   
.orderPredefinedFilterSpecialOffer { order: 2; }         
.orderPredefinedFilterWarehouseTrucks { order: 3; } 
.orderPredefinedFilterRefurbished { order: 4; }   

.boxPreDefinedFiltersBlackFriday .orderPredefinedFilterNewArrivals { order: 2; }
.boxPreDefinedFiltersBlackFriday .orderPredefinedFilterSpecialOffer { order: 1; }


/**********************************************/
/* back on top */
/**********************************************/

.wrapBackOnTop, .wrapUserSectionBigCircleButton
{      
    background: rgba(168, 109, 206, .6);
}



/*************************************/    
/* login page */
/*************************************/  

.wrapLoginPage
{
    background: transparent url('../img/login/o_nas_sklad_cv.jpg') no-repeat center center;
    background-size: cover;
}



.wrapRegisterLogo
{
    background: transparent url('../img/logo/logo_chuf_white.svg') no-repeat left center;
    background-size: cover;
}


.wrapFancySimpleNoPadding
{
    padding: 0px !important;
}



/*************************************/
/* countdown */
/*************************************/

h3.titleBf
{
    text-align: left;
}

h3.titleBf.titlexMass
{
    color: var(--color-web-5);
    text-transform: none;
}


.wrapCountdown, .boxCountdownText, .boxCountdownText, .boxCountdown
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.wrapCountdown
{
    margin-bottom: 24px;
}

    .boxCountdown
    {
        justify-content: center;
        align-items: center;

        padding: 8px 4px;
        background: #ffe40e;
        border: solid 2px #fff;

        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

        .boxCountdownNumber, .boxCountdownText
        {
            color: #000;
            justify-content: center;
            align-items: center;
        }

        .boxCountdownNumber
        {
            font-size: 36px;
            font-weight: 600;
        }

        .boxCountdownText
        {
            font-size: 11px;
        }


/*************************************/
/* black friday banner */
/*************************************/

.wrapBlackFridayBanner
{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

    margin-top: 47px;
}

    .bannerBf
    {
        width: 480px;
        height: 140px;
    }

    .countdownBf
    {
        flex-wrap: wrap;
        align-items: center;
        margin-left: 28px;
    }

        .countdownBf h3
        {
            width: 100%;
            color: var(--color-web-5);
            font-size: 75%;
        }

        .countdownBf .wrapCountdown
        {
            margin-bottom: 0;
        }



/*************************************/
/* black friday predefined filter */
/*************************************/

.wrapPredefinedFilterDoubleHighlighted .boxPredefinedFilter.boxPredefinedFilterBlackFriday
{
    background: #000;
}

.wrapPredefinedFilter:hover .boxPredefinedFilter.boxPredefinedFilterBlackFriday
{
    background: #ffe40e;
}

    .wrapPredefinedFilterDoubleHighlighted .boxPredefinedFilter.boxPredefinedFilterBlackFriday div
    {
        background: #000;
        color: #ffe40e;
    }


    .wrapPredefinedFilter.wrapPredefinedFilterDoubleHighlighted:hover .boxPredefinedFilter.boxPredefinedFilterBlackFriday div,
    .wrapPredefinedFilterDoubleHighlighted .boxPredefinedFilter.boxPredefinedFilterBlackFriday:hover div
    {
        background: #ffe40e;
        color: #000;
    }



/*************************************/
/* vánoce s chuf.com */
/*************************************/

.wrapLoginCorona
{

}

.wrapLoginXmassImg
{   height: 400px;
    min-width: 414px;
}

.wrapPages
{
    display: flex;
    justify-content: center;

    padding: 60px 0;
}

    .wrapPages h1
    {
        margin-bottom: 36px;
    }

    .wrapPages h2
    {
        margin-bottom: 12px;
    }

    .imgXmassGroup
    {
        margin-bottom: 60px;
        width: 100%;
        max-width: 100%;
    }

    .wrapGiftList
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }

        .wrapGiftTile
        {
            padding: 12px;
        }

            .boxGiftTile
            {
                height: 100%;
                border-top: 2px solid var(--color-web-5);
                padding-bottom: 12px;
            }

            .wrapGiftTile:hover .boxGiftTile
            {
                -webkit-box-shadow: 0px 0px 6px 3px rgba(210,210,210,0.64);
                -moz-box-shadow: 0px 0px 6px 3px rgba(210,210,210,0.64);
                box-shadow: 0px 0px 6px 3px rgba(210,210,210,0.64);
            }

                .boxGiftTile img
                {
                    width: 100%;
                }

                .boxGiftTile div
                {
                    margin-top: 16px;
                    text-align: center;
                    font-weight: 600;
                }