/*
Theme Name: Obrusy na wymiar
Theme URI: https://dev.obrusynawymiar.pl
Description: Motyw potomny Porto
Author: KDWEB
Template: porto
Version: 1.0.5
*/

.tkaninadwustronna{
	displaY:none;
}
.hidden{
	display:none!important;
}
.wapf-pricing-hint {
 
  display: none!important;
}
.products .product-category .thumb-info h3 {
  font-weight: 400;
  color: inherit;
  color: #000;
  margin-bottom: 0px;
  text-align: center;
  line-height: 1;
  font-family: "Marcellus";
  margin-top: 1px;
}
.products .product-category .thumb-info-title {
  background-color: var(--porto-light-color);
  border-radius: 50px 50px 50px 50px;
  padding: 9px 9px 9px 9px;
  left: 50%;
  right: unset;
  top: 50%;
  bottom: unset;
  transform: translate(-50%, -50%);
  width: 80%;
}

.woocommerce-product-attributes-item--weight,
.woocommerce-product-attributes-item--dimensions {
    display: none !important;
}
.products .product-category .thumb-info-type {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 400;
  background: none;
  float: none;
  opacity: 0.7;
  line-height: 1.8;
  display: none;
}

div.owl-stage li .thumb-info div.thumb-info-wrapper {
  border-radius: 10px;
}


.product-summary-wrap .single_add_to_cart_button {
 background-color: var(--porto-primary-color,#CCC);
  border-color: var(--porto-primary-color,#CCC) var(--porto-primary-color,#CCC) var(--porto-primary-dark-10,#b3b3b3);
  color: var(--porto-primary-color-inverse,#FFF);
 
  border-radius: 2em;

}
.single_add_to_cart_button, .view-cart-btn,
.wc-action-btn .view-cart-btn button .wc-forward,
.add-to-cart button.single_add_to_cart_button.button.scroll-to-sticky,
.product-summary-wrap .single_add_to_cart_button {
 background-color: var(--porto-primary-color,#CCC);
  border-color: var(--porto-primary-color,#CCC) var(--porto-primary-color,#CCC) var(--porto-primary-dark-10,#b3b3b3);
  color: var(--porto-primary-color-inverse,#FFF);
 
  border-radius: 2em;

}

.wapf-product-totals div span,
 div.wapf-field-label label span{
	 font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #222529;
  margin-bottom: 2px;
 }
 
 .wapf-swatch-label {
  text-align: center;
  padding: 4px;
  color: #000;
}
.mega-preview-wrapper{
  width: 100%;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#megaPreviewImg{
  width: 100%;
  max-width: 420px;
  height: auto;
  display: block;
  border-radius: 10px;
}



 h3.porto-heading.product-title.post-title {
  

  overflow: visible;

  height: 50px;
}

span.porto-tb-meta.tb-meta-product_cat{
	display:none!important;
}


#order_review.woocommerce-checkout-review-order  h4{
	margin-bottom: 13px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 32px;
	
}


#order_review.woocommerce-checkout-review-order #payment.woocommerce-checkout-payment h4.px-2
 {
	 display:none!important;
 }


.home #header p#breadcrumbs{
	
	display:none!important;
}


/* HEADER */
header#header.header-builder.header-builder-p {
    position: relative;
    z-index: 1000 !important;
}

/* WIERSZ HEADERA, W KTÓRYM JEST KOSZYK DESKTOP */
#header .elementor-element-7f0a7b4e {
    position: relative !important;
    z-index: 10000 !important;
}

/* GÓRNY WIERSZ - koszyk mobile */
#header .elementor-element-b4d1e1f {
    position: relative !important;
    z-index: 10000 !important;
}

/* WIERSZ Z MAX MEGA MENU */
#header .elementor-element-15f0397 {
    position: relative !important;
    z-index: 10 !important;
}

#mega-menu-wrap-main_menu,
#mega-menu-main_menu {
    z-index: 10 !important;
}

/* CAŁY OFF-CANVAS KOSZYKA */
#header .minicart-offcanvas {
    z-index: 100000 !important;
}

#header .minicart-offcanvas .cart-popup {
    z-index: 100001 !important;
}

#header .minicart-offcanvas .minicart-overlay {
    z-index: 100000 !important;
}




@media only screen and (max-width: 768px) {
 #mega-menu-wrap-main_menu, #mega-menu-main_menu {
  z-index: 10 !important;
  padding-bottom: 20px;
}

.elementor-2 .elementor-element.elementor-element-700a236.elementor-widget-image img {
  -webkit-mask-image: url( https://dev.obrusynawymiar.pl/wp-content/uploads/2025/02/shop53-mask-1.png );
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  width: 100%!important;
}

.elementor-2 .elementor-element.elementor-element-12eab25.elementor-widget-image img {
  -webkit-mask-image: url( https://dev.obrusynawymiar.pl/wp-content/uploads/2025/02/shop53-mask-2.png );
  -webkit-mask-size: 500%;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  width: 80%!important;
}

/* MOBILE: gorna belka nie tworzy osobnego stacking context.
   Dzieki temu off-canvas koszyka (z-index 100000+) moze wyjsc nad menu. */
#header .elementor-element-b4d1e1f {
  position: relative !important;
  z-index: auto !important;
}

}


/* KDWEB - kolejność nagłówka wyłącznie mobile */
@media (max-width: 768px) {

    /* Zmiana kolejnosci dotyczy tylko telefonu - desktop bez zmian. */
    #header .elementor-22 {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Max Mega Menu jako pierwszy wiersz, przed belka telefon/konto/koszyk. */
    #header .elementor-22 > .elementor-element-15f0397 {
        order: -10 !important;
    }
	
	
	h3.porto-heading.product-title.post-title {
  overflow: visible;
  height: 80px;
}


.elementor-widget-breadcrumbs p {
  margin-bottom: 0;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
}


/* ==================================================
   KDWEB - DESKTOP: KOSZYK ZAWSZE NAD MAX MEGA MENU
   ================================================== */
@media (min-width: 769px) {

    html body #header.header-builder
    .elementor-element.elementor-element-7f0a7b4e {
        position: relative !important;
        z-index: 100000 !important;
        overflow: visible !important;
    }

    html body #header.header-builder
    .elementor-element.elementor-element-13bfca91 {
        position: relative !important;
        z-index: 100001 !important;
        overflow: visible !important;
    }

    html body #header.header-builder
    .elementor-element.elementor-element-6c2c212 {
        position: relative !important;
        z-index: 100002 !important;
        overflow: visible !important;
    }

    html body #header.header-builder
    .elementor-element.elementor-element-6c2c212 .mini-cart,
    html body #header.header-builder
    .elementor-element.elementor-element-6c2c212 .cart-popup {
        z-index: 100003 !important;
    }

    /* Max Mega Menu zawsze niżej od koszyka */
    html body #header.header-builder
    .elementor-element.elementor-element-15f0397,
    html body #header.header-builder #mega-menu-wrap-main_menu,
    html body #header.header-builder #mega-menu-main_menu {
        z-index: 100 !important;
    }
}


li.product-outimage .add-links .button,
 li.product-outimage .add-links a  {
  background: var( --e-global-color-primary );
  margin:0 auto;
}

div.product-summary-wrap form.cart div.pdf-coupon-fields{
	width:100%!important;
}


/* PRODUKTY - przycisk idealnie na środku + wishlist obok */
.products .product .add-links {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
}

/* Główny przycisk zawsze dokładnie na środku */
.products .product .add-links > .button,
.products .product .add-links > .kdweb-more-button,
.products .product .add-links > .add_to_cart_button {
    grid-column: 2;
    justify-self: center;
    margin: 0 !important;
}

/* Wishlist zaraz obok przycisku */
.products .product .add-links > .yith-wcwl-add-to-wishlist {
    grid-column: 3;
    justify-self: start;

    position: static !important;
    float: none !important;

    width: auto !important;
    margin: 0 0 0 10px !important;

    align-self: center;
}

/* Porto clearfix nie może tworzyć dodatkowych elementów grid */
.products .product .add-links::before,
.products .product .add-links::after {
    display: none !important;
}
/* Wishlist jako kwadratowy przycisk obok Add to cart */
.products .product .add-links > .yith-wcwl-add-to-wishlist {
    margin-left: 10px !important;
}

/* Kontener/link YITH */
.products .product .add-links .yith-wcwl-add-button,
.products .product .add-links .yith-wcwl-wishlistaddedbrowse,
.products .product .add-links .yith-wcwl-wishlistexistsbrowse {
    margin: 0 !important;
}

/* Sam przycisk serduszka */
.products .product .add-links .yith-wcwl-add-to-wishlist a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none;
    border-radius: 0px;

    background: #fff;
    color: #333;

    font-size: 18px;
    line-height: 1 !important;

    transition: all .2s ease;
}

/* Hover */
.products .product .add-links .yith-wcwl-add-to-wishlist a:hover {
    background: #fff;
    border-color: #fff;
    color: #fff;
}


.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.view-wishlist::before, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
  content: "\e88a";
  color: var(--porto-primary-color);
}
.yith-wcwl-add-to-wishlist a::before, .yith-wcwl-add-to-wishlist span:not(.yith-wcwl-tooltip)::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  text-indent: 0;
  font-size: 1rem;
  vertical-align: middle;

  font-family: "Porto";
}

/* Ikona bez dodatkowych marginesów */
.products .product .add-links .yith-wcwl-add-to-wishlist i {
    margin: 0 !important;
    line-height: 1 !important;
}
/* YITH wishlist - poprawne SVG w każdym stanie */
.products .product .add-links .yith-wcwl-add-to-wishlist svg,
.products .product .add-links .yith-wcwl-icon-svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;

    stroke: currentColor !important;
    fill: none;

    flex: 0 0 22px;
}

/* Ukrywamy tekst "Dodaj do ulubionych" */
.products .product .add-links .yith-wcwl-add-to-wishlist a > span {
    display: none !important;
}

/* Wszystkie stany przycisku wishlist */
.products .product .add-links .yith-wcwl-add-to-wishlist a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #333 !important;
}

/* Po dodaniu do ulubionych - pełne serce */
.products .product .add-links .yith-wcwl-wishlistaddedbrowse svg,
.products .product .add-links .yith-wcwl-wishlistexistsbrowse svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Dodatkowo obsługa klas AJAX YITH */
.products .product .add-links .yith-wcwl-add-to-wishlist.exists svg,
.products .product .add-links .yith-wcwl-add-to-wishlist.added svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

@media only screen and (max-width: 768px) {
	
	 .ccols-2 li.product-outimage .add-links .button  {
    padding: 0 0.4rem!important;
    width: auto!important;
    text-indent: 0!important;
    color: #fff!important;
  }

    /* Koszyk - odstęp od lewej */
    #header .elementor-element-24a3c6b9 {
        margin-left: 15px !important;
    }

    /* Logowanie - taki sam odstęp od prawej */
    #header .elementor-element-73ee99ec {
        margin-right: 15px !important;
    }
.yith-wcwl-add-to-wishlist a::before
	{
	position: absolute;
  left: 0;
  right: auto;
  top: 14px;
  text-indent: 0;
  font-size: 1rem;
  vertical-align: middle;
  font-family: "Porto";
	}
}