/* ZAKLAD */
h1, h2, h3, h4, h5, h6, 
.typo-h1, .typo-h2, .typo-h3,
.benefitBanner__title, 
.quantity-discounts__headline, 
.shp-tab.active, .h4.homepage-group-title {
    font-family: 'Denk One', 'Roboto', sans-serif !important;
    text-transform: none;
}
.product-name, .cart-item-name {
    font-family: 'Denk One', 'Roboto', sans-serif !important;
}
#header {
    background: linear-gradient(90deg, #ECA51E 0%, #EFB93A 100%) !important;
}
    .welcome {
        padding: 0px;
    }
        .benefitBanner__picture {
        flex: 0 0 80px;
        min-width: 80px;
        padding-left: 10px;
        height: 80px;
    }
    .benefitBanner__picture img {
    max-height: 80px;
    max-width: 80px;
}
.benefitBanner__item {
    align-items: center;
margin-bottom: 0px;
}
.benefitBanner.position--benefitHomepage {
    margin-top: 40px !important; 
}
.product .p {
    background: linear-gradient(180deg, #FFE0AB 0%, #FCC511 33%) !important;
}
.products-block .p-bottom .p-desc {
    color: #000000;    }

.products-block .p-bottom .price-additional, .price-standard {
    color: #3c3c3c;    }
    
    @media (max-width: 767px) {
    .benefitBanner__item {
margin-bottom: 20px;
    }
}
@media (min-width: 480px) {
    .banners-top-block .banner-wrapper {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
padding: 0px;
    }
}
.in-index.mobile #content-wrapper, .content-wrapper .faq-block .js-faq-block {
    background-color: #FFF7E0;
}
@media (max-width: 767px) {
    .search {
        padding-top: 20px;
        padding-bottom: 10px;
    }
.top-navigation-bar .container {
background: linear-gradient(90deg, #ECA51E 0%, #EFB93A 100%) !important;
}
#header {
    background:#ffffff!important;
}
}


@media (max-width: 767px) {
    .benefitBanner.position--benefitHomepage {
        margin-top: 25px !important;
    }
}

/* LOGO A HLAVICKA */
@media (min-width: 768px) {
    .top-navigation-bar {
        display: none;
    }
}

@media (min-width: 767px) {
.header-top {
padding-top: 25px;
padding-bottom: 10px;
}
#header .site-name a img {
max-height: 110px;
}
#header .site-name {
height: 110px;
}
#header .header-top {
align-items: center !important;
}
#header .site-name-wrapper {
margin-top: -35px !important;
position: relative;
z-index: 10;
}
#header .site-name-wrapper a {
display: block !important;
line-height: 0;
}
}
@media (max-width: 767px) {
    #header .site-name-wrapper {
        margin-top: -10px !important; 
    }
    .top-navigation-bar .site-name a img {
        max-height: 48px;
    }
}

/* STITKY VLASTNI */
.flags-default .flag {
    display: block !important;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100px;
    height: 100px;
    margin-bottom: 5px !important;
}

.flags-default .flag.flag-new { background-image: url('/user/documents/upload/permon/novinka.png') !important; }
.flags-default .flag.flag-limitka { background-image: url('/user/documents/upload/permon/limitka_stitek.png') !important; }
.flags-default .flag.flag-tmavy-lezak { background-image: url('/user/documents/upload/permon/tmavy_lezak_stitek.png') !important; }
.flags-default .flag.flag-svetly-lezak { background-image: url('/user/documents/upload/permon/svetly_lezak_stitek.png') !important; }
.flags-default .flag.flag-ipa { background-image: url('/user/documents/upload/permon/Ipa_stitek.png') !important; }

.p-image-wrapper .flags-default {
    left: 10px !important;
    top: 10px !important;
}
@media (max-width: 767px) {
    .flags-default .flag {
        width: 70px !important;
        height: 70px !important;
        margin-bottom: 3px !important;
    }
}
@media (min-width: 768px) {
    .p-image-wrapper .flags-extra {
        right: 20px;
    }
}
.flag.flag-discount:before {
background-image: url(/user/documents/upload/permon/sleva_zatka.svg);
}
.p-image-wrapper .flags-extra .flag-discount:before {
width: 85px;
height: 85px;
    }
.flags-extra .price-save {
color: #000000;
}
.p-image-wrapper .flags-extra .flag-discount .price-save {
font-size: 26px;
    }
    @media (max-width: 767px) {
.p-image-wrapper .flags-extra .flag-discount .price-save {
font-size: 20px;
    }
.p-image-wrapper .flags-extra .flag-discount:before {
width: 65px;
height: 65px;
    }
}

/* MNOZSTEVNI SLEVY */
.quantity-discounts__item {
    border: 1px solid #e95d17;
}
.quantity-discounts__item--highlighted {
    outline-color: #E98C03;
}



/* IKONA KOSIKU */
.btn-cart::after, 
.add-to-cart-button::after {
    content: "" !important;
    background-image: url('/user/documents/upload/permon/kosik_w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    width: 28px !important;
    height: 28px !important;
    margin-left: 8px !important;
}

@media (min-width: 370px) {
    .btn.btn-cart.add-to-cart-button::after {
        width: 28px !important;
        height: 28px !important;
        margin-left: 10px !important;
    }
}

/* SKLENICE MISTO HVEDZICEK */
.stars .star-on::before, 
.stars .star-off::before,
.stars span.star-on::before,
.stars a.star-on::before {
    content: "" !important; 
    display: inline-block;
    width: 16px;
    height: 16px; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.stars .star-on::before,
.stars span.star-on::before,
.stars a.star-on::before {
    background-image: url('/user/documents/upload/permon/Pivo_hodnoceni_full.svg') !important;
}
.stars .star-off::before,
.stars span.star-off::before,
.stars a.star-off::before {
    background-image: url('/user/documents/upload/permon/Pivo_hodnoceni_empty.svg') !important;
}
.stars .star-on::before, .stars .star-half::before {
    color: transparent !important;
}
html body #content .stars-wrapper,
html body .p-detail-info .stars-wrapper {
    border-radius: 30px !important;
}

/* PATICKA */
#footer.is-white {
    background-color: #FFF7E0;
}
footer#footer {
    position: relative;
    padding-top: 220px !important; 
    overflow: visible !important;
}
footer#footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 212px;
    background-image: url('/user/documents/upload/permon/pozadi_paticka_bp.png') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 0; 
}
footer#footer .footer-rows {
    position: relative;
    z-index: 5;
    background: transparent !important;
}
footer#footer .footer-rows::before {
    display: none !important;
}
@media (max-width: 991px) {
    footer#footer {
        padding-top: 100px !important;
    }
    footer#footer::before {
        height: 105px;
    }
}

@media (max-width: 767px) {
    footer#footer {
        padding-top: 60px !important;
    }
    footer#footer::before {
        height: 65px;
    }
}
.footer-item.footer-item-newsletter, #footer.is-white .footer-bottom-bg:before {
background: linear-gradient(90deg, #ECA520 0%, #EFB93A 100%) !important;
}

footer#footer h4 {
    color: #E98C03 !important;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
}

footer#footer .banner-wrapper, 
footer#footer .banner-wrapper p, 
footer#footer .banner-wrapper div {
    color: #0f0f0f !important;
}

footer#footer .banner-wrapper a {
    color: #0f0f0f !important;
    text-decoration: none !important;
    transition: text-decoration 0.2s ease;
}

footer#footer .banner-wrapper a:hover {
    text-decoration: underline !important;
}
footer#footer .custom-footer__contact .pageElement__heading span {
    color: #E98C03 !important;
    font-weight: 800;
}
#footer ul a {
    color: #0f0f0f !important;
}

/* FAQ */
.faq-content-title, .faq-side-list__item.is-active {
background: linear-gradient(90deg, #ECA51E 0%, #EFB93A 100%) !important;}

    .faq-content-title, .accordion--classic .accordion__trigger, .faq-side-list__item {
    font-family: 'Denk One', 'Roboto', sans-serif !important;
}
/* LOGO PATICKA */
    @media (min-width: 992px) {
        #footer .site-name {
            display: flex;
            align-items: flex-end;
            height: 196px;
        }
#footer .site-name img {
margin-bottom: 30px;
display: block;
        }
.footer-rows .site-name a img {
max-height: 180px;
    }
    }
@media (max-width: 767px) {
        #footer .site-name {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 !important;
            margin: 0 0 30px 0 !important;
            float: none !important;
        }

        #footer .site-name a {
            display: block !important;
            margin: 0 auto !important;
            width: auto !important;
        }

        #footer .site-name img {
            display: block !important;
            margin: 0 auto !important;
            max-width: 200px !important;
            height: auto !important;
        }

        /* Zarovnání textů v bannerech a nadpisů */
        #footer .custom-footer-left-panel .banner-wrapper,
        #footer .custom-footer-left-panel .banner-wrapper div,
        #footer .custom-footer__contact,
        #footer h3, #footer h4 {
            text-align: center !important;
        }
    }

    /* Ikonky prihlaseni a kosik */
    .responsive-tools>a[data-target="navigation"]:before, .responsive-tools>a[data-target="navigation"]:after {
    color: #ffffff;
}
.top-navigation-bar a, .top-navigation-bar .dropdown button, .navigation-buttons button.top-nav-button, .navigation-buttons a[data-target="cart"], .navigation-buttons .click-cart a:after, .navigation-buttons button.top-nav-button:after, .navigation-in>ul>li.ext>a:after {
    color: #000000;}
.navigation-buttons button.top-nav-button[data-target="login"]:before {
content: "" !important;
background-image: url('/user/documents/upload/permon/permon_log.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
vertical-align: middle !important;
}
.header-top .btn.cart-count:before  {
content: "" !important;
background-image: url('/user/documents/upload/permon/kosik.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
vertical-align: middle !important;
margin-right: 15px !important;
}
@media (max-width: 767px) {
.responsive-tools a[data-target="login"]::before {
content: "" !important;
background-image: url('/user/documents/upload/permon/permon_log.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
vertical-align: middle !important;
}
.responsive-tools a.btn-icon.toggle-window.cart-count-full::before,
.responsive-tools a.btn-icon.toggle-window[data-target="cart"]::before {
content: "" !important;
background-image: url('/user/documents/upload/permon/kosik.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
vertical-align: middle !important;
margin-right: 10px !important;
}
}