/* Mafe candles – vlastní styly
 * Verze 1.0.0
 * Soubor neobsahuje žádné měřicí ani marketingové skripty.
 */

/* Typografie – původní pravidla z Poppins-font.css.
 * Samotné řezy Poppins poskytuje Shoptet.
 */
body,
div,
p,
li,
label,
input,
a,
#carousel .extended-banner-title,
#footer .custom-footer > div h4,
.quantity .increase::before,
.quantity .decrease::before,
.box-categories > h4,
#filters h4,
.product-appendix,
.advanced-order .h2,
.p-price .price-final,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.extended-banner-title,
.fav-cat li > div a,
.menu-helper > span,
.p .name,
.prices,
.prices > div,
.vote-initials,
.vote-name,
.news-item .text .title,
.social-login-buttons-divider,
.subcategories li a .text,
.price-standard,
.price-final,
.price-additional,
#productsAlternative::before,
.benefitBanner__title,
#variants::before,
.variant-name,
#ratingTab::before,
.rate-wrapper .rate-average,
.vote-form > form::before,
#productDiscussion::before,
.cart-table .main-link,
.free-gift::before,
.free-gift-name,
.cart-table tr.related td::before,
.cart-related-name,
.price-primary,
.payment-info b,
.payment-shipping-price,
.cart-item.cart-item-gift > div > strong,
.id--15 .cart-table .p-name,
.id--15 .cart-table .p-price,
#search-group-categories .search-results-group-list ul li a,
.empty-content-404::before,
.obj-detail .p-name a,
.klient-centrum.obj-detail .content td:last-child,
.step-title,
.empty-cart-boxes ul li a,
.dklab_instagram_widget_heading > .text,
.plugin-fixed-header__name,
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price,
.fvDoplnek-text .name,
.hodnoceni-hp .autor {
    font-family: "Poppins", Arial, sans-serif !important;
}

/* Produkt */
.type-detail p[data-testid="productCardDescr"] {
    display: none;
}

/* Mobilní navigace */
.navigation-buttons a[data-target="navigation"]::before {
    content: "MENU";
    width: 40px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 40px;
}

.navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
    font-family: shoptet;
}

/* Obsahové stránky */
.in-o-nas .line,
.in-sojovy-vosk .line {
    color: #000;
    border-width: 3px 0 0;
}

/* Benefitní bannery */
.desktop.in-index .position--benefitHomepage img.benefitBanner__img {
    max-height: 80px;
}

/* Patička */
#footer a,
#footer h4,
#footer strong,
#footer span,
#footer .title {
    color: #fff !important;
}

.custom-footer__section3 {
    display: flex;
    flex-direction: column;
}

.custom-footer__section3 .pageElement__heading {
    order: -1;
    margin-bottom: 15px;
}

/* Doplněk: cena po zadání slevového kódu */
.dm-coupon-div {
    color: #fff !important;
    background-color: #9aaea3 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.dm-coupon-div > div {
    padding: 12px !important;
    font-size: 16px !important;
}

.dm-coupon-div span {
    color: #000 !important;
}

.dm-coupon-div.copied::before {
    color: #fff !important;
    background-color: #000 !important;
    font-size: 16px !important;
}

.products-block .price-save::before {
    content: "VAŠE CENA";
}

.flag.flag-discount {
    background-color: #59705b !important;
}

.price-save {
    color: #fff !important;
}

.prices .price-standard {
    color: #000;
}

/* Pokročilá objednávka – skrytí nepotřebných návrhů */
#colorbox .advanced-order-suggestion,
#colorbox #products.products-related,
#colorbox .browse-p {
    display: none !important;
}

/* Úvodní text homepage */
.welcome-wrapper {
    padding: 30px 16px;
    text-align: center;
}

.welcome-inner {
    max-width: 700px;
    margin: 0 auto;
}

.welcome-title {
    margin-bottom: 12px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.welcome-text {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
}

.welcome-subtext {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
}

.welcome-image img {
    max-width: 100%;
    height: auto;
    margin-top: 16px;
    border-radius: 6px;
}

@media (max-width: 768px) {
    /* Homepage – stabilní mobilní mřížka výhod 2 × 2.
     * Obrázky už obsahují ikonu i text, proto se pouze proporčně zmenšují. */
    .type-index .benefitBanner.position--benefitHomepage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        align-items: center;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        overflow: hidden;
        background: #fff;
        box-sizing: border-box;
    }

    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__item,
    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__link,
    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__picture {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
    }

    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__item {
        aspect-ratio: 16 / 5;
        overflow: hidden;
        background: #050505;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
    }

    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__link,
    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__picture {
        height: 100% !important;
    }

    .type-index .benefitBanner.position--benefitHomepage .benefitBanner__img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover;
        object-position: center;
    }

    .dklab-delivery-box {
        position: relative;
        top: 52px;
    }

    .in-o-nas table tbody tr td,
    .in-sojovy-vosk table tbody tr td {
        display: block;
        width: 100% !important;
    }

    .hodnoceni-hp .left .btn {
        min-width: max-content;
        color: #fff;
        background-color: #59705b;
    }

    .hodnoceni-hp .left .btn:hover {
        color: #fff;
        background-color: #000;
    }

    .table-nodisplay {
        display: none !important;
    }

    .in-o-nas h3,
    .in-sojovy-vosk h3 {
        text-align: center;
    }

    .welcome-wrapper {
        padding: 1px;
    }

    .welcome-title {
        font-size: 22px;
    }

    .welcome-text {
        font-size: 15px;
    }

    .welcome-subtext {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .welcome-title {
        font-size: 30px;
    }

    .welcome-text {
        font-size: 17px;
    }
}

@media (min-width: 992px) {
    .in-o-nas .content-inner,
    .in-sojovy-vosk .content-inner {
        max-width: 100%;
    }

    .in-o-nas .line,
    .in-sojovy-vosk .line {
        width: 90%;
        margin: 0 auto;
    }

    .desktop.in-index .position--benefitHomepage img.benefitBanner__img:hover {
        transform: scale(1.03);
        transition: transform 0.4s ease-in-out;
    }

    .in-index .benefitBanner .benefitBanner__item {
        margin-bottom: 48px;
    }

    .type-index .benefitBanner {
        background-color: #000;
    }

    .dklab-delivery-box.dopravaInfo.transport.position-above-header {
        padding: 12px !important;
    }

    .template-11 .dklab-delivery-box.position-above-header p {
        font-size: 15px;
    }

    .welcome-wrapper {
        padding: 1px;
    }

    .welcome-title {
        font-size: 34px;
    }

    .welcome-text {
        font-size: 18px;
    }

    .welcome-subtext {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .type-index #header {
        position: relative !important;
        top: 0 !important;
        background-color: #000 !important;
    }

    .type-index .top-navigation-bar {
        position: relative !important;
        top: 0 !important;
        z-index: 2 !important;
        background-color: #272727 !important;
    }

    .one-column-body .carousel-inner > .item.carousel-link a::before,
    .one-column-body .carousel-inner > .item:not(.carousel-link)::before {
        display: none;
    }
}