/* In Editor */
/* Info proužek */
/*
:root {
    --pozadi-pruhu: #23C552;
    --barva-textu: #fff;
    --velikost-textu: 14px;
    --barva-odkazu-po-najeti: var(--color-primary-hover); /* to je vaše krémová */
    /*
    --barva-krizku: #fff;
    --barva-krizku-po-najeti: #fff;
    --vyraznost-krizku: 0.7; /* před najetím - hodnoty 0 až 1 */
    /*
}
*/

.site-msg.information {
    position: sticky;
    height: auto;
    background-color: var(--pozadi-pruhu);
    width: 100%;
    max-width: 100%;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: var(--velikost-textu);
}

.site-msg.information .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.site-msg.information .text {
    padding: 0 20px;
    width: 100%;
}

.site-msg.information * {
    color: var(--barva-textu);
}

.site-msg.information a {
    text-decoration: underline !important;
}

.site-msg.information a:hover {
    color: var(--barva-odkazu-po-najeti) !important;
}

.site-msg .close::before, .site-msg .close::after {
    background-color: var(--barva-krizku); 
    opacity: var(--vyraznost-krizku);
    transition: 300ms;
}

.js-close-information-msg:hover .site-msg .close::before, 
.js-close-information-msg:hover .site-msg .close::after {
    background-color: var(--barva-krizku-po-najeti);
}

.site-msg .close:hover::before, 
.site-msg .close:hover::after {
    opacity: 1;
}

@media (max-width: 767px) {
    .popup-widget.cart-widget,
    .popup-widget.login-widget {
        top: calc(56px + var(--topup));
    }
}

@media (min-width: 768px) {
    .admin-logged .popup-widget.login-widget {
        top:calc(21px + var(--topup) + 25px);
    }
    
    .popup-widget.login-widget {
        top:calc(21px + var(--topup));
    }

    .admin-logged .popup-widget.cart-widget {
        top: calc(95px + var(--topup) + 25px);
    }

    .popup-widget.cart-widget {
        top: calc(95px + var(--topup));
    }
    .menu-helper {
        height: 54px;
    }
    .menu-helper::after, .menu-trigger::after {
        background-color: transparent;
    }
    .top-navigation-bar .top-navigation-contacts {
        display: none !important;
    }
    .top-navigation-bar .top-navigation-menu {
        flex: 60% !important;
        text-align: left !important;
    }
    .top-navigation-bar .top-navigation-tools {
        flex: 40% !important;
    }
    .top-navigation-bar .container {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .top-navigation-contacts.search-con {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .top-navigation-contacts.search-con {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        margin-bottom: 10px;
    }
    .top-navigation-contacts.search-con .con-txt {
        padding-right: 5px;
    }
    .top-navigation-contacts.search-con .con-con {
        padding-left: 5px;
    }
    .top-navigation-contacts.search-con .con-txt strong {
        font-size: 16px;
    }
    .top-navigation-contacts.search-con .con-con a::before {
        display: none;
    } 
    .top-navigation-contacts.search-con>div {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        font-weight: 550;
    }
    .header-top>div {
        flex: 30% !important;
    }
    .header-top>.search {
        flex: 40% !important;
    }
    .header-top {
        height: 120px;
        padding: 12px 0;
    }
    .menu-helper {
        top: 120px;
    }   
}

.top-navigation-contacts.search-con>strong {
    display: block;
}

@media (min-width: 1440px) {
    .subcategories li {
        width: calc(100% / 8);
    }
}

@media (max-width: 1440px) {
    .subcategories li {
        width: calc(100% / 6);
    }
}

@media (max-width: 1200px) {
    .subcategories li {
        width: calc(100% / 4);
    }
}

@media (max-width: 992px) {
    .subcategories li {
        width: calc(100% / 3);
    }
}

@media (max-width: 768px) {
    .subcategories li {
        width: calc(100% / 2);
    }
}

@media (max-width: 320px) {
    .subcategories li {
        width: calc(100%);
    }
}

.subcategories li a::before {
    display: none !important;
}

.subcategories.with-image li a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 140px;
    padding: 5px;
}

.subcategories li a>span {
    width: 100% !important;
    padding: 0;
}

.subcategories.with-image li a .image {
    margin-bottom: 15px;
}

.subcategories.with-image li a .image img {
    height: 70px !important;
    max-height: 70px !important;
}

.subcategories.with-image li a .text {
    max-height: unset;
    padding-left: 0;
    text-align: center;
    color: #000;
    font-weight: 550;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

html[lang="cs"] .site-msg.information .text>div:not(.cs-txt) {
    display: none;
}

html[lang="sk"] .site-msg.information .text>div:not(.sk-txt) {
    display: none;
}

html[lang="en"] .site-msg.information .text>div:not(.en-txt) {
    display: none;
}

html[lang="de"] .site-msg.information .text>div:not(.de-txt) {
    display: none;
}