/*
Theme Name: Dilbud
Theme URI: https://themify.me/themes/shoppe
Template: themify-shoppe
Author: Themify
Author URI: https://www.themify.me
Description: Themify Shoppe is a multi-purpose WooCommerce theme that helps you build professional eCommerce sites in minutes. It comes with the drag &amp; drop Themify Builder and many eCommerce features such as ajax cart,wishlist,quick look lightbox,ajax quick search,product image zoom/gallery,and tons of layout options. Read Shoppe documentation for more information.
Tags: themify,featured-images,translation-ready,custom-menu,sidebar
Version: 8.0.1
*/

#content {
    padding: 0 0 0 0;
}

.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
    display: block !important;
}

.type-product .stock {
    display: none;
}

.products .product_tag-darmowa-dostawa figure::before {
    width: 60px !important;
}

body.product_tag_darmowa-dostawa .woocommerce-product-gallery::before {
    width: 140px !important;
}

.module.module-fancy-heading.tb_65vr1.mc-products .fancy-heading.tf_textc .main-head.tf_block {
    font-size: 14.72px;
}

.module.module-fancy-heading.tb_65vr1.mc-products .fancy-heading.tf_textc .sub-head.tf_block.tf_rel {
    font-size: 36.8px;
}

body.product_tag_darmowa-dostawa .woocommerce-product-gallery,
.product_tag-darmowa-dostawa figure {
    overflow: hidden;
    position: relative;
}

body.product_tag_darmowa-dostawa .woocommerce-product-gallery::before,
.products .product_tag-darmowa-dostawa figure::before {
    content: "Darmowa Dostawa";
    position: absolute;
    z-index: 10;
    color: #fff;
    background-color: #feb201;
    text-align: center;
    text-transform: uppercase;
    padding: .45em 3em;
    font-size: 1.2em;
    font-weight: bolder;
    rotate: -45deg;
    top: 1.5em;
    left: -2.7em;
    width: min-content !important;
}

.products .product_tag-darmowa-dostawa figure::before {
    font-size: .6em;
    padding: .45em 4em;
    line-height: 1;
    left: -3.5em;
}

.products span.onsale {
    font-size: .6em !important;
    padding: .45em 4em !important;
    line-height: 1;
    left: -3.5em !important;
    top: 2em !important;
    transform: unset;
    rotate: -45deg !important;
    color: #fff !important
}

div:has(.woocommerce-product-gallery) .module-product-image span.onsale {
    top: 4em;
    left: -2em !important;
    padding: .4em 5em !important;
}

.product_tag-darmowa-dostawa span.onsale {
    display: none;
}

.upsells .product-content .price .iworks-omnibus {
    display: none;
}

.module-breadcrumbs {
    display: none !important;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    text-transform: none !important;
}

body.single-product .woocommerce-loop-product__title.product_title {
    font-size: 14.72px !important;
}

/* @media (max-width:1024px){
	main.single-product body.product_tag_darmowa-dostawa .woocommerce-product-gallery::before, 
	main.single-product .products .product_tag-darmowa-dostawa figure::before {
		font-size:1.2em!important;
	}
} */

@media (max-width: 1024px) {
    body.product_tag_darmowa-dostawa .woocommerce-product-gallery::before, .products .product_tag-darmowa-dostawa figure::before {
        font-size: 1.2em;
        color: #fff
    }
}

/*
.ean_wrapper{
	display: flex!important;
	align-items: center;
	gap: .3em;
}
.ean_wrapper .ean{
	display: inline-grid;
	justify-content: center;
	text-align: center;
}
*/
.sale-badge-left::before, .products .product_tag-darmowa-dostawa figure::before {

    color: #fff !important
}

@media screen and (max-width: 768px) {
    .sale-badge-left::before, .products .product_tag-darmowa-dostawa figure::before {
        font-size: 10px !important;
        font-weight: 600;
        color: #fff !important
    }

    #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #000;
    }

    .tf_search_icon .tf-ti-search {
        stroke: #000;
        fill: #000;
    }
}

/*
 * Finalna wersja stylizacji koszyka na pionowy widok kart (mobile)
 * Dla ekranów o szerokości do 768px
 */
@media screen and (max-width: 768px) {

    /* Ukryj nagłówek tabeli, nie jest potrzebny w widoku kart */
    .woocommerce-cart-form .shop_table thead {
        display: none;
    }

    /* Ustawienie podstawowych właściwości dla elementów */
    .woocommerce-cart-form .shop_table,
    .woocommerce-cart-form .shop_table tbody,
    .woocommerce-cart-form .shop_table tr {
        display: block;
    }

    .woocommerce-cart-form .shop_table td {
        border: none;
        display: block;
        width: 100%;
    }

    /* --- Główny kontener karty produktu --- */
    .woocommerce-cart-form .shop_table tr.cart_item {
        display: flex; /* Używamy Flexboxa do łatwej zmiany kolejności */
        flex-direction: column; /* Ustawiamy kierunek na pionowy */
        position: relative;
        padding: 20px;
        padding-top: 50px; /* Więcej miejsca na przycisk usuwania */
        margin-bottom: 20px;
        border: 1px solid #e9e9e9;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

    /* --- Ustawienie kolejności elementów w karcie --- */
    .woocommerce-cart-form .shop_table td.product-name {
        order: 1;
    }

    .woocommerce-cart-form .shop_table td.product-thumbnail {
        order: 2;
    }

    .woocommerce-cart-form .shop_table td.product-price {
        order: 3;
    }

    .woocommerce-cart-form .shop_table td.product-quantity {
        order: 4;
    }

    .woocommerce-cart-form .shop_table td.product-subtotal {
        order: 5;
    }

    /* --- Szczegółowe stylowanie poszczególnych komórek --- */
    /* Nazwa produktu (Tytuł) */
    .woocommerce-cart-form .shop_table td.product-name {
        text-align: center;
        font-size: 1.2em;
        font-weight: 600;
        line-height: 1.3;
        padding-bottom: 15px;
    }

    .woocommerce-cart-form .shop_table td.product-name a {
        color: #222;
    }

    /* Miniatura produktu (Obrazek) */
    .woocommerce-cart-form .shop_table td.product-thumbnail {
        display: block !important; /* WAŻNE: Wymusza pokazanie komórki */
        text-align: center;
        padding: 0 0 20px 0; /* Odstęp pod obrazkiem */
    }

    .woocommerce-cart-form .shop_table td.product-thumbnail img {
        max-width: 180px; /* Możesz dostosować rozmiar */
        height: auto;
        border-radius: 8px;
        margin: 0 auto;
    }

    /* Komórki z danymi (Cena, Ilość, Kwota) */
    .woocommerce-cart-form .shop_table td.product-price,
    .woocommerce-cart-form .shop_table td.product-quantity,
    .woocommerce-cart-form .shop_table td.product-subtotal {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .woocommerce-cart-form .shop_table td.product-subtotal {
        border-bottom: none; /* Usuń kreskę pod ostatnim elementem */
    }

    /* Etykiety generowane przed wartościami */
    .woocommerce-cart-form .shop_table td[data-title]::before {
        content: attr(data-title);
        font-weight: 500;
        color: #555;
        margin-right: auto;
    }

    /* Ukrycie niepotrzebnych pseudo-etykiet */
    .woocommerce-cart-form .shop_table td.product-name::before,
    .woocommerce-cart-form .shop_table td.product-thumbnail::before,
    .woocommerce-cart-form .shop_table td.product-remove::before {
        display: none;
    }

    /* Przycisk usuwania (X) */
    .woocommerce-cart-form .shop_table td.product-remove {
        position: absolute;
        top: 15px;
        right: 15px;
        width: auto;
        height: auto;
        padding: 0;
    }

    .woocommerce-cart-form .shop_table td.product-remove .remove {
        font-size: 20px;
        /*     width: 32px;
            height: 32px; */
        border-radius: 50%;
        border: 1px solid #ddd;
        color: #999;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    .woocommerce-cart-form__cart-item {
        padding-right: 8px !important
    }

    .woocommerce-cart-form .shop_table td.product-thumbnail img {
        width: 100% !important
    }

    .woocommerce-cart-form .shop_table td.product-thumbnail a {
        display: block;
        text-align: center
    }
}

.upsells .onsale {
    visibility: visible !important;
    display: block !important;
    line-height: inherit;
    padding: 0 !important;
    margin: inherit;
    margin-left: -139px;
}

/*  */


body .woocommerce-store-notice,
body p.demo_store {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: static;
    position: relative;
    top: 0 !important;
    padding-left: 48px;
    padding-right: 48px;
    box-sizing: border-box;
}

body .woocommerce-store-notice .woocommerce-store-notice__dismiss-link,
body p.demo_store .woocommerce-store-notice__dismiss-link {
    margin: 0;
    position: absolute;
    right: 32px;
    text-indent: -99999px;
}

body p.demo_store .woocommerce-store-notice__dismiss-link:before {
    content: '\00D7';
    text-indent: 0;
    position: absolute;
    right: 0;
    font-size: 1.5rem;
}


.themify_builder_content .module-related-products .related .products .product-content .button {
    border-radius: var(--theme_btn_rounded) !important;
}

.post-image img {
    aspect-ratio: 560 / 350;
    object-fit: cover;
}

.themify_builder_content-20 .tb_gzav40.module-icon, .themify_builder_content-20 .tb_v4m7125.module-icon {
    margin-top: 15px !important;
}

.themify_builder_content-20 .tb_rg94690 {
    --col: 1fr 1fr 2.227fr .484fr .488fr !important;
}

.themify_builder_content-20 .tb_gzav40.module-icon span,
.themify_builder_content-20 .tb_v4m7125.module-icon span {
    margin-inline: 0 !important;
}


.loops-wrapper.faq {
}

.loops-wrapper.faq > .faq {
    border-radius: .5rem;
    overflow: hidden;
}

.loops-wrapper.faq > .faq {
    margin: 0 0 2rem 0;
    interpolate-size: allow-keywords;
}

.loops-wrapper.faq > .faq .question {
    font-size: 1.6em;
    margin: 0;
    position: relative;
}

.loops-wrapper.faq > .faq .question a {
    display: block;
    padding: 1rem 5rem 1rem 2rem;
    color: #000;
    background: #ebebeb;
    border-radius: .5rem;
}

.loops-wrapper.faq > .faq .question a:after {
    content: "";
    font-family: dashicons;
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.loops-wrapper.faq > .faq.on .question a:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.loops-wrapper.faq > .faq .answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 2rem;
    border: 1px solid #ebebeb;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    -webkit-transition: max-height .3s;
    -moz-transition: max-height .3s;
    -ms-transition: max-height .3s;
    -o-transition: max-height .3s;
    transition: max-height .3s;
}

.loops-wrapper.faq > .faq .answer > :first-child {
    margin-top: 1rem;
}

.loops-wrapper.faq > .faq.on .answer {
    max-height: max-content;
}


.cart-link {
    position: relative;
}

.cart-link .cart-link-info {
}

.cart-link .cart-link-info i {
    font-size: 2.25rem;
    color: #000;
    position: absolute;
    left: -2.75rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart-link .cart-link-info .cart-link-items-count {
    font-size: .75rem;
    opacity: .85;
    color: #000;
    position: absolute;
    left: -1.75rem;
    top: 50%;
    line-height: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #ffb400;
    border-radius: 50%;
    text-align: center;
}

.cart-link .cart-link-info .cart-link-items-amount {
    font-size: .875rem;
    font-weight: bold;
}

.cart-link .sub-menu.cart-link-content {
    left: auto;
    right: 0;
    position: absolute;
    margin: 0;
    background: #f1f1f1;
    padding: 1rem;
    list-style: none;
    z-index: 10000;
    display: none;
}
.cart-link:hover .sub-menu.cart-link-content {
    display: block;
}


.cart-link .sub-menu.cart-link-content .widget_shopping_cart .total {
    display: block;
    text-align: right;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .total strong {
    display: inline-block;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list {
    list-style: none;
    margin: 0;
    font-size: .875rem;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list li {
    list-style: none;
    padding-right: 1.5rem;
    position: relative;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list li a:nth-child(2) {
    position: relative;
    min-height: 4rem;
    padding-left: 5rem;
    color: #333;
    display: block;
    font-size: .75rem;
    line-height: 1.5;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list li a:nth-child(2) img {
    position: absolute; left: 0; top: 0; width: 4rem; aspect-ratio: 1 / 1;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list li .quantity {
    display: block;
    text-align: right;
    font-size: .75rem;
    line-height: 1;
    margin-top: -.75rem;
    margin-right: -1.5rem;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    right: 0;
    color: #de256e;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .buttons a {
    color: #fff;
    background: #ffb400;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: .02em;
    padding: .7em 1.2em;
    display: block;
    width: auto;
    text-align: center;

}


.cart-link .sub-menu.cart-link-content .widget_shopping_cart {
    min-width: 320px;
    max-width: 100%;
}

.cart-link .sub-menu.cart-link-content .widget_shopping_cart .buttons {
    margin: 0;
}

@media (max-width: 1080px) {
    .cart-link .sub-menu.cart-link-content,
    .cart-link .menu li:hover > .sub-menu.cart-link-content {
        display: none !important;
    }
}
