<style>

/* =========================================
   ELORINE – SJEDNOCENÉ CSS
   SHOPTET CLASSIC
   VERZE 23
========================================= */


/* =========================================
   1. KONTAKTNÍ BOXY A PATIČKA
========================================= */

:is(#footer, footer, .contact-box, .box-contact, .box-contacts) a {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
    transition: color .2s ease;
}

:is(#footer, footer, .contact-box, .box-contact, .box-contacts) a:is(:hover, :focus, :active) {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
    text-decoration-color: #bfa676 !important;
}

a[href^="tel:"]:is(:hover, :focus),
a[href^="mailto:"]:is(:hover, :focus),
a[href*="facebook.com/"]:is(:hover, :focus),
a[href*="instagram.com/"]:is(:hover, :focus) {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}

:is(#footer, footer, .contact-box, .box-contact, .box-contacts) a:hover :is(span, strong, i),
:is(#footer, footer, .contact-box, .box-contact, .box-contacts) a:hover i::before {
    color: #bfa676 !important;
}


/* =========================================
   2. LEVÝ BOX KATEGORIE
========================================= */

/* Běžné položky – tmavý text */

#categories .categories a,
#column-l-in #categories .categories a {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
}


/* Aktivní kategorie – bílý text na černém */

#categories .categories li.active > a,
#categories .categories .active > a,
#categories .categories a.active,
#categories .categories a[aria-current="page"],
#column-l-in #categories .categories li.active > a,
#column-l-in #categories .categories .active > a,
#column-l-in #categories .categories a.active,
#column-l-in #categories .categories a[aria-current="page"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Aktivní kategorie – vnitřní text */

#categories .categories li.active > a *,
#categories .categories .active > a *,
#categories .categories a.active *,
#categories .categories a[aria-current="page"] *,
#column-l-in #categories .categories li.active > a *,
#column-l-in #categories .categories .active > a *,
#column-l-in #categories .categories a.active *,
#column-l-in #categories .categories a[aria-current="page"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Hover / focus všech položek – zlatý */

#categories .categories a:hover,
#categories .categories a:focus,
#column-l-in #categories .categories a:hover,
#column-l-in #categories .categories a:focus {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* Hover / focus vnitřního textu – zlatý */

#categories .categories a:hover *,
#categories .categories a:focus *,
#column-l-in #categories .categories a:hover *,
#column-l-in #categories .categories a:focus * {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   3. PRÁZDNÝ KOŠÍK – ODKAZY NA KATEGORIE
========================================= */

body.type-cart #content ul li a:not(.btn):not(.button),
body.type-cart #content-wrapper ul li a:not(.btn):not(.button),
body.type-cart .cart-empty a,
body.type-cart .empty-cart a,
body.type-cart .empty-content a,
#content .cart-empty a,
#content .empty-cart a {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
    background-color: transparent !important;
    text-decoration-color: #222222 !important;
}

body.type-cart #content ul li a:not(.btn):not(.button):hover,
body.type-cart #content ul li a:not(.btn):not(.button):focus,
body.type-cart #content-wrapper ul li a:not(.btn):not(.button):hover,
body.type-cart #content-wrapper ul li a:not(.btn):not(.button):focus,
body.type-cart .cart-empty a:hover,
body.type-cart .empty-cart a:hover,
body.type-cart .empty-content a:hover,
#content .cart-empty a:hover,
#content .empty-cart a:hover {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
    background-color: transparent !important;
    text-decoration-color: #bfa676 !important;
}

body.type-cart #content ul li a:hover *,
body.type-cart #content-wrapper ul li a:hover *,
body.type-cart .cart-empty a:hover *,
body.type-cart .empty-cart a:hover * {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   4. STRÁNKA 404 A NENALEZENÉ VÝSLEDKY
========================================= */

body.type-404 #content a:not(.btn):not(.button),
body.type-error #content a:not(.btn):not(.button),
#content .no-results a:not(.btn):not(.button),
#content .error404 a:not(.btn):not(.button) {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
}

body.type-404 #content a:not(.btn):not(.button):hover,
body.type-error #content a:not(.btn):not(.button):hover,
#content .no-results a:not(.btn):not(.button):hover,
#content .error404 a:not(.btn):not(.button):hover {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   5. MOBIL – LOGO, IKONY A PATIČKA
========================================= */

@media (max-width: 767px) {

    #header .site-name img,
    #header .site-logo img,
    #header .logo img {
        max-width: 190px !important;
        max-height: 48px !important;
        width: auto !important;
        height: auto !important;
    }

    #header .responsive-tools a,
    #header .top-navigation-tools a {
        font-size: 28px !important;
    }

    #header .responsive-tools svg,
    #header .top-navigation-tools svg,
    #header .responsive-tools i,
    #header .top-navigation-tools i {
        width: 28px !important;
        height: 28px !important;
        font-size: 28px !important;
    }

    footer,
    #footer,
    .footer-bottom {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
        margin-top: 0 !important;
    }

    #footer .container,
    footer .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .footer-bottom,
    .footer-bottom > div,
    .copyright {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .footer-bottom .shoptet,
    .footer-bottom a[href*="shoptet"],
    #footer a[href*="shoptet"] {
        font-size: 13px !important;
        opacity: .55;
    }

    #footer .copyright,
    footer .copyright {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================
   6. KONKURENČNÍ VÝHODY
   MOBIL + TABLET DO 1024 PX = 2 + 2
========================================= */

@media (max-width: 1024px) {

    .benefitBanner,
    .benefitBanner.position--benefitProduct {
        display: flex !important;
        flex-flow: row wrap !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .benefitBanner__item,
    .benefitBanner.position--benefitProduct > .benefitBanner__item {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
}


/* =========================================
   7. DETAIL PRODUKTU
   DESKTOP OD 1025 PX = 4 V JEDNOM ŘÁDKU
========================================= */

@media (min-width: 1025px) {

    .benefitBanner.position--benefitProduct {
        display: flex !important;
        flex-flow: row nowrap !important;
        width: 100% !important;
    }

    .benefitBanner.position--benefitProduct > .benefitBanner__item {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
}


/* =========================================
   8. ZNAČKY + ZOBRAZIT VÍCE PRODUKTŮ
========================================= */

ul.manufacturers a[data-testid="brandLink"]:hover,
ul.manufacturers a[data-testid="brandLink"]:focus,
.toggle-top-products:hover,
.toggle-top-products:focus {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
    background: transparent !important;
}


/* =========================================
   9. FORMULÁŘE – FOCUS ELORINE
========================================= */

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: #bfa676 !important;
    box-shadow: 0 0 0 1px #bfa676 !important;
}


/* =========================================
   10. PRODUKTOVÉ KARTY – ČISTÝ VZHLED + HOVER
========================================= */

.products-block .product,
.products-block .product-inner,
.products .product {
    border: none !important;
}

.products-block .product,
.products .product {
    transition: background-color .2s ease;
}

.products-block .product:hover,
.products .product:hover {
    background-color: #faf8f3 !important;
}


/* =========================================
   11. NÁZEV PRODUKTU – HOVER
========================================= */

.products-block .product .name:hover,
.products-block .product .name:focus,
.products-block .product .name a:hover,
.products-block .product .name a:focus,
.products .product .name:hover,
.products .product .name:focus,
.products .product .name a:hover,
.products .product .name a:focus {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   12. HLÁŠKA PO PŘIDÁNÍ DO KOŠÍKU
========================================= */

.msg.msg-success,
.message-success,
.alert-success,
.toast-success,
.notification-success {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}


/* =========================================
   13. DETAIL PRODUKTU – FOCUS OBRÁZKU
========================================= */

.p-detail-inner .p-image a:focus,
.p-detail-inner .p-image a:active,
.p-detail-inner .p-image-wrapper:focus,
.p-detail-inner .p-image-wrapper:active,
.p-detail-inner .image:focus,
.p-detail-inner .image:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}


/* =========================================
   14. DETAIL PRODUKTU
   SKRÝT TISK / ZEPTAT SE / SDÍLET
========================================= */

.p-detail-inner .social-buttons-wrapper {
    display: none !important;
}


/* =========================================
   15. DETAIL PRODUKTU – DETAILNÍ INFORMACE
========================================= */

.p-detail-inner a[href="#description"]:hover,
.p-detail-inner a[href="#description"]:focus,
a[href="#description"]:hover,
a[href="#description"]:focus {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   16. ODKAZ NA DLOUHÝ POPIS ZA KRÁTKÝM POPISEM
========================================= */

.p-short-description .elorine-more-info {
    display: inline !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    white-space: nowrap;
    text-decoration: none;
}

.p-short-description .elorine-more-info:hover,
.p-short-description .elorine-more-info:focus {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
    text-decoration: underline;
}


/* MOBILNÍ KRÁTKÝ POPIS PRODUKTU */

@media (max-width: 767px) {

    .p-short-description,
    .p-short-description p,
    .p-short-description span,
    .p-short-description strong {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}


/* MOBILNÍ DLOUHÝ POPIS PRODUKTU */

@media (max-width: 767px) {

    .p-detail-tabs-wrapper,
    .p-detail-tabs-wrapper p,
    .p-detail-tabs-wrapper span,
    .p-detail-tabs-wrapper li,
    .p-detail-tabs-wrapper strong {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .p-detail-tabs-wrapper p {
        margin-bottom: 19px !important;
    }
}


/* =========================================
   17. DETAIL PRODUKTU
   ODSTRANĚNÍ MODRÉHO RÁMEČKU PO SKOKU
========================================= */

.p-detail-tabs-wrapper #description:focus,
.p-detail-tabs-wrapper #description *:focus,
.p-detail-tabs-wrapper .description-inner:focus,
.p-detail-tabs-wrapper .description-inner *:focus,
.p-detail-tabs-wrapper .basic-description:focus,
.p-detail-tabs-wrapper .basic-description *:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   18. KONTAKT V PATIČCE
   BÍLÉ POZADÍ / ČERNÉ ODKAZY / HOVER ZLATÝ
========================================= */

#footer .contact-box,
#footer .box-contact,
#footer .box-contacts,
footer .contact-box,
footer .box-contact,
footer .box-contacts {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    opacity: 1 !important;
}

#footer .contact-box *,
#footer .box-contact *,
#footer .box-contacts *,
footer .contact-box *,
footer .box-contact *,
footer .box-contacts * {
    background: transparent !important;
    background-color: transparent !important;
}

#footer .contact-box a,
#footer .box-contact a,
#footer .box-contacts a,
footer .contact-box a,
footer .box-contact a,
footer .box-contacts a,
#footer .contact-box a *,
#footer .box-contact a *,
#footer .box-contacts a *,
footer .contact-box a *,
footer .box-contact a *,
footer .box-contacts a * {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
    transition: color .20s ease !important;
}

#footer .contact-box a:hover,
#footer .contact-box a:focus,
#footer .box-contact a:hover,
#footer .box-contact a:focus,
#footer .box-contacts a:hover,
#footer .box-contacts a:focus,
footer .contact-box a:hover,
footer .contact-box a:focus,
footer .box-contact a:hover,
footer .box-contact a:focus,
footer .box-contacts a:hover,
footer .box-contacts a:focus,
#footer .contact-box a:hover *,
#footer .contact-box a:focus *,
#footer .box-contact a:hover *,
#footer .box-contact a:focus *,
#footer .box-contacts a:hover *,
#footer .box-contacts a:focus *,
footer .contact-box a:hover *,
footer .contact-box a:focus *,
footer .box-contact a:hover *,
footer .box-contact a:focus *,
footer .box-contacts a:hover *,
footer .box-contacts a:focus * {
    color: #bfa676 !important;
    -webkit-text-fill-color: #bfa676 !important;
}


/* =========================================
   19. HLAVNÍ ZLATÁ TLAČÍTKA
   HLEDAT / POTŘEBUJETE POMOC / OBJEDNAT
========================================= */

.search-form button,
.search-form .btn,
.search-form input[type="submit"],
.search-whisperer button,
.toggle-contacts.btn,
.toggle-contacts.btn-default,
.btn-conversion,
button.btn-conversion,
input.btn-conversion {
    background-color: #bfa676 !important;
    border-color: #bfa676 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;

    transition:
        background-color .20s ease,
        border-color .20s ease,
        color .20s ease !important;
}

.search-form button:hover,
.search-form button:focus,
.search-form button:active,
.search-form .btn:hover,
.search-form .btn:focus,
.search-form .btn:active,
.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus,
.search-form input[type="submit"]:active,
.search-whisperer button:hover,
.search-whisperer button:focus,
.search-whisperer button:active,
.toggle-contacts.btn:hover,
.toggle-contacts.btn:focus,
.toggle-contacts.btn:active,
.toggle-contacts.expanded:hover,
.toggle-contacts.expanded:focus,
.btn-conversion:hover,
.btn-conversion:focus,
.btn-conversion:active,
button.btn-conversion:hover,
button.btn-conversion:focus,
button.btn-conversion:active,
input.btn-conversion:hover,
input.btn-conversion:focus,
input.btn-conversion:active {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}


/* =========================================
   20. POTŘEBUJETE POMOC? – VNITŘNÍ TEXT
========================================= */

.toggle-contacts.btn *,
.toggle-contacts.btn-default * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
/* Doplňkové parametry – barva odkazů */
.extended-description .detail-parameters a,
.extended-description .detail-parameters a:hover,
.extended-description .detail-parameters a:focus {
    color: #111111 !important;
}

</style>
