.wa__btn_popup {
  z-index: 99 !important;
}

.onsale{
    display: none;
}


/* Klasy ogólne*/

.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {
  background-attachment: fixed !important;

}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
  text-decoration: none;

  color: var(--wp--preset--color--custom-brand-2) !important;
}
.current-menu-item{
      color: var(--wp--preset--color--custom-brand-2) !important;
      font-weight: 700;
}
.woocommerce-billing-fields #billing_pay_in_eur_field {
    display: none !important;
}
.woocommerce-cart-form__cart-item .product-subtotal{
	display: flex;
  flex-direction: column;

}
.woocommerce-cart-form__cart-item .net-amount td{
font-weight: 700;
}
.hidden {
    display: none !important;
}

.home .swiper-container-wrapper{
    position: relative;
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1); /* Tło z przezroczystością */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10; /* Wyższy indeks niż slider */
}

.spinner {
    border: 5px solid var(--wp--preset--color--custom-brand-1); /* Tło spinnera */
    border-top: 5px solid #007bff; /* Przód spinnera */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite; /* Efekt obracania */
}

.place-order #place_order {
  font-size: var(--wp--preset--font-size--small);
  padding-top: 15px !important;
  padding-right: 20px !important;
  padding-bottom: 15px !important;
  padding-left: 20px !important;
  margin-top: 20px !important;
}
.wc-block-components-product-sale-badge {
  display: none !important;
}

.woocommerce-cart-form__cart-item .product-price{
	min-width: 150px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color,var(--wp--preset--color--custom-brand-1)) !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--wp--preset--color--custom-brand-1)) !important;
}

/*Strona główna*/


.produkty-slider .add_to_cart_button{
width: 100%;
}

.product-description-column{
    box-sizing: border-box;
}

/*Strona produktu*/

.woocommerce-product-attributes tbody{
 font-size: var(--wp--preset--font-size--small);
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 10px;
  text-align: left;

}

.woocommerce-product-attributes tr {
    float: left;
    font-size: var(--wp--preset--font-size--small);
    display: grid;
    grid-template-columns: 1fr 1fr; /* Każdy wiersz podzielony na dwie równe części */
    align-items: first baseline;
}

.woocommerce table.shop_attributes th {
  padding: 0px;

}

.single-product .wc-block-components-product-price{
    text-align: center;
}

.single-product .shipping-form-container{
width: 100%;
text-align: center;
}

.flex-control-nav button{
  background: transparent;
  border: 0px;
  font-size: 2rem;
  color: var(--wp--preset--color--custom-brand-1);
}


.custom-dropdown {
    position: relative;
    width: 100%;
    margin: 20px 0 10px 0;
}

.selected-country {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
}

#selected-flag {
    width: 30px;
    height: 20px;
    background-size: cover;
    margin-right: 10px;
}

.country-list {
    display: none;
position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: inherit;
  border: 1px solid #ccc;
  background-color: #fff;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  margin: 0;
}

.country-list.open {
    display: block;
}

.country-option {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.country-option:hover {
    background-color: #f1f1f1;
}

.country-flag {
    width: 30px;
    height: 20px;
    margin-right: 10px;
}

.country-name {
    font-size: 14px;
}
.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


.product-wrapper .dodaj-do-koszyka{
    visibility: hidden;
opacity: 0;
height: 0px;
transition: all 0.6s ease-in-out;
}

.product-wrapper:hover .dodaj-do-koszyka{
        visibility: visible;
    opacity: 1;
    height: 50px;
}



a.added_to_cart {
  display: block;
  margin-top: 5px !important;
}

.product-wrapper .add_to_cart_button{
    min-height: 25px;
}



#shipping_country{
width:50%;  
    border-radius: 500px;
  padding: 10px;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--black);
  width: 100%;
}

#update-shipping-cost{
  padding: 10px;
width: 80%;
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--custom-brand-1);
    border: 1px solid var(--wp--preset--color--custom-brand-1);

}

#update-shipping-cost:hover, .single_add_to_cart_button:hover{

  background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);;

}
.single-product-form-container .price-container{
padding: 10px 0px 10px;
  border-top: 1px solid;
    border-top-color: currentcolor;
  border-bottom: 1px solid;
    border-bottom-color: currentcolor;
  border-color: var(--wp--preset--color--custom-akcent);
}
.shipping-cost-result {
padding: 15px 0px 15px;
  border-top: 1px solid;
    border-top-color: currentcolor;
  border-bottom: 1px solid;
    border-bottom-color: currentcolor;
  border-color: var(--wp--preset--color--custom-akcent);
}


.single-product .wp-block-add-to-cart-form .cart, .single-product .variations_form{

width: 100%;
  display: flex;
}
.single-product .single_add_to_cart_button,.single-produc .single_variation_wrap{
    width: 100%;
}
        .product-details-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 40px;
            flex-direction: row-reverse;
            align-items: baseline;
        }
        .product-description-column{
            flex: 2;
            min-width: 200px;
            padding: 40px 20px 20px 20px;
        }
        .product-additional-info-column {
            flex: 1;
            min-width: 60% !important;
              border-right: 1px solid var(--wp--preset--color--custom-akcent);
              padding: 40px 20px 20px 20px;
        }
        .product-comments {
            width: 100%;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #ddd;
        }
        .product-additional-info-column{
    }



/* Stylowanie licznika ilości WooCommerce */
.single-product .quantity {
    display: flex !important;
    align-items: center;
    border: 1px solid var(--wp--preset--color--custom-akcent);
    overflow: hidden;
    max-width: 120px;
}

.single-product .quantity input {
    width: 40px;
    height: 100% !important;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
}

.single-product .quantity button {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}

.single-product .quantity button:hover {
    background: #e0e0e0;
}

/* Przyciski minus i plus */
.single-product .quantity .minus, .single-product .quantity .plus {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    transition: background 0.2s ease-in-out;
}

.single-product .quantity .minus:hover, .single-product .quantity .plus:hover {
    background: #ddd;
}



/* Kontener dla przycisku "Kup Teraz" */
.buy-now-container {
    width: 100%;
    display: flex;
    justify-content: center; /* Wyśrodkowanie */
    margin-top: 10px; /* Odstęp od przycisku "Dodaj do koszyka" */
}

/* Styl przycisku "Kup Teraz" */
.buy-now-button {
  display: block;
  background-color: transparent;
  color: var(--wp--preset--color--black);
  border: 2px solid var(--wp--preset--color--black);
  padding: 10px;
font-size: 22px;
	text-align: center;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
  text-decoration: none;
    text-decoration-thickness: auto;
}

/* Efekt najechania */
.buy-now-button:hover {
background-color: var(--wp--preset--color--custom-brand-1);
  color: var(--wp--preset--color--base);
}

.shipping-form-container .input-text.qty{
    height: 100% !important;
}

.dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    transform: translateY(-50%);
    pointer-events: none; /* Zapobiega interakcji */
}

.dropdown-arrow::after {
    content: "▼"; /* Unicode dla strzałki w dół */
    font-size: 14px;
    color: #333;
    display: block;
}

.shop-wrapper .price-gross,.shop-wrapper .price-eur strong, .produkty_glowna .price-gross{
	font-size:large;
}
#billing_pay_in_eur_field label{
	margin-bottom:0px !important;
}

.woocommerce form .form-row .optional {
  visibility: hidden;
}
 @media only screen and (max-width: 667px){

    .product-details-container {
  flex-direction: column;
}
}


.shipping-zone span{
    margin-right: 10px;
}



.woocommerce-input-wrapper{
display: flex;
  align-items: center;
    
}
.vat-validation-icon {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
}

.vat-validation-icon {
    color: green;
	position: absolute;
  right: 10px;
  top: 14px;
}
.vat-validation-icon.valid img{
    color: green;
}

.vat-validation-icon.invalid {
    color: red;
}

.vat-validation-icon:before {
    content: '';
}

#billing_nip.loading {
    background-image: url('spinner.gif');
    background-repeat: no-repeat;
    background-position: right center;
}


.single_add_to_cart_button{

  padding: 8px;
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--custom-brand-1);
  border: 1px solid var(--wp--preset--color--custom-brand-1);
}

/* Kompaktowe nagłówki */
.woocommerce h2, .woocommerce h3, .woocommerce h4 {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 500;
    margin-bottom: 10px;
}


.woocommerce-cart .woocommerce.wp-block-group{
    display: block;


}

.woocommerce-cart .woocommerce-notices-wrapper{
    width: 48%;
}

.woocommerce-cart .cart_totals{
    float: right;
width: 25% !important;
  padding: 5px 1%;
} 

.woocommerce-cart .woocommerce-cart-form{
float: left;
  width: 67%;
  margin-top: 15px;
}

.cart_totals,
.woocommerce-checkout-review-order-table {
    margin-top: 15px;
}

.woocommerce-cart-form {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--wp--preset--font-size--small);
}

.woocommerce-cart-form td,
.woocommerce-cart-form th {
    padding: 10px;
    text-align: center;
}

.woocommerce-cart-form td.product-name {
    text-align: left;
}


.woocommerce table.cart td.actions{
    padding-top: 15px !important;
}

.woocommerce-cart .woocommerce-cart-form #coupon_code {
  height: 35px;
  font-size: var(--wp--preset--font-size--small);
}

#order_review .shop_table .woocommerce-checkout-review-order-table{
	display:block;
}

.woocommerce-cart .button.wp-element-button, .woocommerce-checkout .button.wp-element-button{
font-size: var(--wp--preset--font-size--small);
  padding-top: 7px;
  padding-right: 10px;
  padding-bottom: 7px;
  padding-left: 10px;
}

.woocommerce table.shop_table {
  border: none;
}

.woocommerce-cart-form th {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--contrast);
  font-size: 1rem;
}

.woocommerce-page .input-text {
  font-size: var(--wp--preset--font-size--small);
  padding: 7px 10px;
  border: none;

}
.product-remove{
padding: 35px 5px !important;
}

.woocommerce-cart-form tr {
  border-bottom: none;
}

.woocommerce table.shop_table {
  border-top: none;
}


/* Komunikaty WooCommerce */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: #f8d7da;
    border-left: 4px solid #f5c6cb;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 0.85rem;
    color: #721c24;
}


/* Główny kontener formularza */
#loginform {
	padding: 30px;
	max-width: 320px;
	margin: 0px auto; /* centruje na stronie */
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Elementy tekstowe (etykiety) */
#loginform label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

/* Pola tekstowe i hasła */
#loginform .input {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Kontener opcji "Zapamiętaj mnie" */
.login-remember {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.login-remember input[type="checkbox"] {
	margin-right: 5px;
}

/* Przycisk zaloguj */
#wp-submit {
	width: 100%;
	padding: 12px;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	background-color: var(--wp--preset--color--custom-brand-2);
	color: #fff;
	transition: background-color 0.2s ease-in-out;
}

#wp-submit:hover {
	background-color: var(--wp--preset--color--contrast);
}



/* Checkout */

.checkout.woocommerce-checkout{
    display: flex;
    flex-wrap: wrap;
  gap: 40px;
}


#customer_details{
flex: 3;
}

#customer_details{
display: flex;
flex-direction: column;

}
.shop_table.shop_table_responsive.woocommerce-cart-form__contents{
  padding: 20px;
  box-shadow: var(--wp--preset--shadow--shadow-1); 
}
#order_review.woocommerce-checkout-review-order, #customer_details.col2-set{
    background-color: var(--wp--preset--color--base);
  padding: 20px;
  box-shadow: var(--wp--preset--shadow--shadow-1);
}

#customer_details .col-1, #customer_details .col-2{
width: 100%;

}

        #order_review{
            display: flex;
  flex-direction: column;
  flex: 2;
        }



        .woocommerce form .form-row {
}

.woocommerce-checkout table.shop_table {
  width: 100%;
  border-collapse: collapse;
}


.woocommerce-page label {
  padding: 5px 0;
}

.woocommerce-input-wrapper .input-text{
border-bottom: 1px solid var(--wp--preset--color--custom-akcent);
}
.woocommerce-page label {
  margin-bottom: .1rem;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
  min-width: 100%;
}

.shop_table.woocommerce-checkout-review-order-table td,
.shop_table.woocommerce-checkout-review-order-table th {
    padding: 20px;
}
            .product-details-container {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                margin-bottom: 40px;
            }
            .product-description-column,
            .product-additional-info-column {
                flex: 1;
                min-width: 300px;
            }
            .product-comments {
                width: 100%;
                margin-top: 20px;
                padding-top: 20px;
                border-top: 1px solid #ddd;
            }

.align-center {
  width: 100% !important;
}

 @media only screen and (max-width: 1280px){

.woocommerce-product-attributes tbody{
 font-size: var(--wp--preset--font-size--small);
display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0px 10px;
  text-align: left;

}

.woocommerce-product-attributes-item:nth-child(2n+1) {
  border-right: 0px solid var(--wp--preset--color--custom-akcent);
  height: 100%;
  align-content: center;
  margin-right: 0px;
}

}


 @media only screen and (max-width: 600px){

.woocommerce-product-attributes-item:nth-child(2n+1) {
  border-right: 0px solid var(--wp--preset--color--custom-akcent) !important;
}

.woocommerce-product-attributes tbody {
  align-items: start;
  flex-direction: column;
}
.checkout.woocommerce-checkout {
  flex-direction: column;
}
.woocommerce-checkout #customer_details {
  width: 100%;
}
.woocommerce-checkout #order_review {

  width: 100%;
}

.woocommerce-checkout .product-remove{
float: left;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.woocommerce-checkout .product-name{

  display: flex;
  flex-direction: column;
  align-items: start;

}
.woocommerce-checkout .product-name a{
text-align: left;
}
}






.button-icon {
display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 5px;
  background-color: var(--wp--preset--color--custom-brand-1);
  color: var(--wp--preset--color--base);
  border: none;
  text-decoration: none;
    text-decoration-thickness: auto;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 60px;
  margin: 0 auto !important;
  border-radius: 500px;
  height: 35px;
}
}

.button-icon:hover {
   background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
}

.button-icon svg {
    fill: #fff;
        width: 24px;
    height: 24px;
}

.cart-count {
color: var(--wp--preset--color--custom-brand-1)
    background-color: var(--wp--preset--color--base);
    border-radius: 50%;
width: 17px;
  height: 17px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 5px;
}



/* Style dla cenn netto brutto i euro */
.price-regular .price-container{
padding: 10px 0px 10px;
  border-top: 1px solid;
    border-top-color: currentcolor;
  border-top-color: currentcolor;
  border-bottom: 1px solid;
    border-bottom-color: currentcolor;
  border-bottom-color: currentcolor;
  border-color: var(--wp--preset--color--custom-akcent);
}

.price-regular, .price-range-regular{
    color: #999;
    text-decoration: line-through;
    font-size: 20px;
    margin: 5px;

}
.price-sale {
    color: #137710;
    font-weight: bold;
    
}
.price-sale, .price-regular{
    margin-top: 0px;
    margin-bottom: 5px;
}


.price-sale-net, .price-range-net {
    color: #333;
    font-size: 20px;
    font-weight: normal;
        font-size: 14px !important;
            margin: 5px;


}

.price-range-gross {
  margin: 5px 0px;
}
.promo-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.price-net,
.price-gross {
    margin: 5px 0;
    color: #555;
}

.price-gross, .price-range-gross{
    color: #333;


}
.price-net {
    margin: 5px 0;
}

.price-eur {

    color: #555;
    margin-top: 5px;
}
.wp-block-woocommerce-product-price .price-container{
	font-size:small;
}
.wp-block-woocommerce-related-products .price-gross{
        font-size:20px;

}
.single-product .single-product-form-container .price-container .price-gross{
	font-size:x-large;
}
.single-product .wp-block-woocommerce-product-price .price-container .price-net{
	font-size: var(--wp--preset--font-size--medium);
}

.single-product .price-de strong{
		font-size:x-large !important;
}

#billing_vat_number_field .woocommerce-input-wrapper{
	display: flex;
	flex-direction:column;
	position: relative;
}

.wqv-modal-content .woocommerce-product-gallery{
	opacity: 1 !important;
}
.shop-image img{
}
.product-slider-container img{
	width: 100%;
  height: auto !important;
  object-fit: cover;
}
.product{
position:relative;	
}
.product-slider-container .wp-block-button.wc-block-components-product-button{
	  align-items: inherit !important;

	
} .shop-wrapper .wp-block-button.wc-block-components-product-button {
  align-items: inherit !important;
width: 100%;
	box-sizing: border-box;

}

.qqvfw-m-summary-wrapper div.quantity {
  margin: 0 0px 0 0 !important;
}

.mobile-show{
        display:none;
    }
.mobile-hide{
    display:block;
}
    .nav-bar .aws-container{
        display:none;
    }
/* ===============================================
    OGÓLNE STYLE PRODUKTÓW
   =============================================== */
.stock.in-stock {
    font-weight: bold;
}
.product-slider-container
{
overflow:hidden;    
}
.produkty_glowna{
    max-height:365px;
    overflow:hidden;    

}
@media only screen and (min-width: 1225px ){
.topbar-wrapper{
        max-height:105px;
        overflow:hidden;    


}

}
/* ===============================================
    PRODUKTY – SLIDER I Pojedynczy produkt
   =============================================== */
.produkty-slider {
    margin: 0px 50px;
    overflow: hidden;
}

.single-product {
    font-size: var(--wp--preset--font-size--medium);
}

.single-product .wp-block-add-to-cart-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-product .cart {
    margin-bottom: 0em !important;
}

/* ===============================================
    WOOCOMMERCE – Tabele, galerie i atrybuty
   =============================================== */
.woocommerce table.shop_attributes td {
    padding: 0px 10px !important;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    margin-bottom: 0em !important;
}

.woocommerce-product-attributes-item__value {
    max-width: 300px;
    word-wrap: break-word;
    display: flex;
    align-items: center;
}

/* Szablon produktu w sklepie */
.szablon-produktu-sklep {
    position: relative;
}

/* ===============================================
    POP-UP SZYBKIEGO PODEJRZENIA (QUICK VIEW)
   =============================================== */
#qode-quick-view-for-woocommerce-pop-up .product {
    padding: 0px 20px;
}

#qode-quick-view-for-woocommerce-pop-up .cart {
    max-height: 37px !important;
}

/* ===============================================
    PRZYCISK "SHOW MORE"
   =============================================== */
.show-more {
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
}

/* ===============================================
    Nawigacja – Podmenu
   =============================================== */
.wp-block-navigation__submenu-container {
    z-index: 999 !important;
}

/* ===============================================
    BORDERY ATRYBUTÓW PRODUKTÓW
   =============================================== */
.woocommerce-product-attributes,
.woocommerce-product-attributes-item__label,
.woocommerce-product-attributes-item__value {
    border-top: 0px dotted rgba(0, 0, 0, 0.1) !important;
    border-bottom: 0px dotted rgba(0, 0, 0, 0.1) !important;
}

.woocommerce table.shop_attributes tr:nth-child(2n) td,
.woocommerce table.shop_attributes tr:nth-child(2n) th {
    background: transparent !important;
}

/* ===============================================
    POLA - Kupon rabatowy
   =============================================== */
#coupon_code {
    height: 35px !important;
}

/* ===============================================
    WOOCOMMERCE – Galeria obrazów produktu
   =============================================== */
.woocommerce .wp-block-woocommerce-product-image-gallery {
    clear: both;
    max-width: 100% !important;
    position: relative;
}

/* ===============================================
    WOOCOMMERCE – Mini koszyk
   =============================================== */
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-metadata__description {
    display: none;
}

/* ===============================================
    WA Widget – Kontener
   =============================================== */
.wa__widget_container {
    position: fixed;
    z-index: 1;
}

/* ===============================================
    FAQ – Animacje akordeonu
   =============================================== */
.wp-block-uagb-faq-child {
    transition: all 0.9s ease-out;
}

.wp-block-uagb-faq-child:hover,
.uagb-icon svg {
    color: var(--wp--preset--color--base);
    transition: all 0.1s ease-in;
    fill: var(--wp--preset--color--base);
}

/* ===============================================
    Płatności – Ikony metod płatności
   =============================================== */
.wc_payment_methods.payment_methods img {
    height: 20px !important;
}

/* ===============================================
    STYLE LISTY PRODUKTÓW (produkty-glowna)
   =============================================== */
.produkty-glowna li {
    display: block;
    margin: 12px;
    text-decoration: none;
    overflow: hidden;
    list-style: none;
    transition: all 0.8s ease-out;
    position: relative;
    scale: 1;
    background: var(--wp--preset--color--base);
    border-radius: 0px;
    transition: all 0.1s ease-in-out;
}

.produkty-glowna li:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -27px;
    right: -27px;
    background: var(--wp--preset--color--custom-brand-1);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.8s ease-out;
}

.produkty-glowna li:hover:before {
    transform: scale(41); /* Powiększenie tła */
}

.produkty-glowna li:hover {
    scale: 1;
    z-index: 1;
    border-radius: 5px;
}
.produkty-glowna img{
    scale:1;
    transition: all 0.8s ease-in-out;

}


.produkty-glowna .wc-block-components-product-image{
        z-index: 1;
}
.produkty-glowna li:hover img{
    scale: 1.1;
}

.produkty-glowna a{
overflow: hidden;
}
.produkty-glowna .wc-block-components-product-image{
border-radius: inherit; !important;
    transition: all 0.8s ease-in-out;


}
.produkty-glowna li:hover .wc-block-components-product-image{
border-radius: 15px 15px 0px 0px !important;
}
.produkty-glowna .wp-block-button__link{
border-radius: 0px 0 15px 15px !important;
margin-top: 0px !important;
}

.produkty-glowna li:hover p,
.produkty-glowna li:hover h3 {
    transition: all 0.3s ease-out;
}

/* Zdjęcia w liście produktów */
.produkty-glowna img {
}

/* ===============================================
    PRODUCT WRAPPER – Stylizacja opakowania produktu
   =============================================== */
.product-wrapper {
    position: relative;
    background: var(--wp--preset--color--base);
    /* Początkowy border-radius ustawiony na 0px */
    border-radius: 0px;
    transition: all 0.1s ease-in-out;
}

.product-wrapper:hover {
    border-radius: 35px;
    z-index: 1;
}

/* Przycisk dodawania do koszyka – pojawia się przy hover */
.product-wrapper:hover .dodaj-do-koszyka {
    opacity: 1;
}

/* ===============================================
    ANIMACJA ŻALUZJI – Efekt otwierania (grid z żaluzjami)
   =============================================== */
/* Kontener dla żaluzji */
.blinds-grid-container {
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: -20px;
    rotate: 90deg;
}

/* Pojedyncza żaluzja */
.blind {
    background: linear-gradient(90deg, #3366cc 50%, #2954a3 50.5%);
    border-bottom: 1px solid #2a4f8f;
    transform-origin: top;
    animation: open-blind-animation 0.6s ease-in-out forwards;
}

/* Opóźnienia animacji dla kolejnych żaluzji */
.blind:nth-child(1) {
    animation-delay: 0s;
}
.blind:nth-child(2) {
    animation-delay: 0.2s;
}
.blind:nth-child(3) {
    animation-delay: 0.4s;
}
.blind:nth-child(4) {
    animation-delay: 0.6s;
}
.blind:nth-child(5) {
    animation-delay: 0.8s;
}

/* Kluczowe klatki animacji otwierania żaluzji */
@keyframes open-blind-animation {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}

/* ===============================================
    STYLE AWS – Wyszukiwarka w menubarze
   =============================================== */
.aws-container .aws-search-field {
    background-color: transparent;
    padding: 6px 25px !important;
}

.aws-container .aws-search-form {
    background-color: var(--wp--preset--color--custom-akcent) !important;
    border-radius: 500px;
}

/* Ogólne style dla przycisków i wrappera wyszukiwania */
.menubar-wrapper .aws-container {
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}

.menubar-wrapper .aws-search-form {
    flex-direction: row-reverse;
}

.menubar-wrapper .aws-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

.menubar-wrapper .aws-search-field {
    border: 0 solid #fff !important;
    outline: 0;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 0 0 0;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.menubar-wrapper .aws-search-field:focus {
    outline: none;
}
.aws-search-result {
  border: 0px solid #ccc !important;

}

.menubar-wrapper .aws-search-btn_icon {
    width: 100% !important;
}

.menubar-wrapper .aws-search-btn_icon svg {
    fill: var(--wp--preset--color--base) !important;
}

.menubar-wrapper .aws-search-btn.aws-form-btn {
    background-color: var(--wp--preset--color--custom-brand-1) !important;
    border: 1px solid #007cba;
    color: #fff !important;
    width: 50px !important;
    border-radius: 50px !important;
    transition: background-color 0.2s ease-in-out;
}

.aws-search-result {
    max-width: 600px !important;
    width: 100% !important;
}

.menubar-wrapper .aws-search-btn:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent) !important;
}

.menubar-wrapper .aws-search-clear span {
    font-size: 18px;
    color: #999;
    cursor: pointer;
    margin-left: 10px;
}

.menubar-wrapper .aws-search-clear span:hover {
    color: #333;
}

/* ===============================================
    WOOCOMMERCE – Style koszyka, formularzy i miniatur
   =============================================== */
.woocommerce-input-wrapper {
    display: flex;
    align-items: center;
}

/* Kompaktowe odstępy w formularzach */
.woocommerce form .form-row {
    margin-bottom: 0px !important;
}

/* Ikony usuwania z koszyka */
.woocommerce-cart-form .product-remove a {
    font-size: 0.9rem;
    color: #c00;
}

.woocommerce-cart-form .product-remove a:hover {
    color: #a00;
}

/* Checkboxy i radio */
input[type="checkbox"],
input[type="radio"] {
    transform: scale(0.8);
    margin-right: 8px;
}

/* Responsywność koszyka i formularzy */


.woocommerce span.onsale {
  background-color: var(--wp--preset--color--custom-brand-1);
  color: var(--wp--preset--color--background,#fff);
  border-radius: -1px !important;
  min-height: 10px !important;
  height: 22px !important;
  padding: 10px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
  line-height: 1.5 !important;
  top: 5px !important;
}

@media (max-width: 768px) {
	.woocommerce-cart-form {
  width: 100% !important;

}
	
	.popup-content {
  width: 95% !important;

}
	.woocommerce-cart .woocommerce-notices-wrapper{
    width: 100% !important;
}

.woocommerce-cart .cart_totals{
    float: right !important;
width: 100% !important;
  padding: 5px 1%;
} 

        footer, footer .wp-block-navigation, footer .wp-block-heading {
  text-align: center;
        align-items: center;
}
    #marki .wp-block-column {
    flex-basis: content !important;
  }

    .woocommerce-cart-form td,
    .woocommerce-cart-form th {
        padding: 8px;
        font-size: 0.8rem;
    }

    .wc-proceed-to-checkout a.checkout-button,
    button.button.alt {
        padding: 6px 10px;
        font-size: 0.8rem;
    }

    .woocommerce input[type="submit"] {
        padding: 6px 10px;
        font-size: 0.8rem;
    }
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail {
    width: 40px !important;
}

.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
    padding: 5px !important;
}

.woocommerce-page table.woocommerce-checkout-review-order-table td,
.woocommerce-page table.woocommerce-checkout-review-order-table th {
    padding: 5px 20px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}



.woocommerce-page .select2-container .select2-selection .select2-selection__arrow {
    height: 2rem;
}

.woocommerce form .form-row {
    margin-bottom: 0rem;
}

.attachment-woocommerce_thumbnail {
    height: auto;
    max-width: 100%;
    width: 40px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: unset !important;
    padding: 5px !important;
}

.woocommerce-product-attributes-item:nth-child(odd) {
    border-right: 1px solid var(--wp--preset--color--custom-akcent);
    height: 100%;
    align-content: center;
    margin-right: 30px;
}

.product-additional-info-column h2 {
    margin-bottom: 30px !important;
}

.woocommerce table.shop_attributes th {
    font-weight: 300 !important;
}

.woocommerce table.shop_attributes td {
    font-weight: 500 !important;
    font-style: normal;
}

#shipping_country {
    width: 50%;
}

.qqvfw-m-content-inner .cart {
    display: flex;
}

.product-details-container {
    border: 1px solid var(--wp--preset--color--custom-akcent);
}

/* ===============================================
    QQVFW – Quick View dla produktów
   =============================================== */
.qqvfw .qqvfw-m-content .qqvfw-m-product > .product {
    padding: 20px;
}

.qqvfw-quick-view-button-wrapper {
    top: 15px !important;
    position: absolute !important;
    top: 5px;
    left: 20px;
}

.qqvfw-quick-view-button-wrapper:hover .qqvfw-m-text {
    opacity: 1;
}

.qqvfw-m-text {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.qqvfw-m-content h1 {
    font-size: var(--wp--preset--font-size--large);
}

/* ===============================================
    SLIDERY – Kategorie produktów i slajder główny
   =============================================== */
/* Slider kategorii produktów */
.kategorie-glowna {
    position: relative;
    justify-content: center;
    max-width: 100%;
    margin: 0 !important;
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    min-height: 230px;
}

.produkty_glowna {
    position: relative;
    justify-content: center;
    max-width: 100%;
    width: 100%;
padding: 40px 0 80px;
	overflow: hidden;
	
    min-height: 230px;
    list-style: none;
}

.kategorie-glowna .wp-block-heading {
    margin-top: 0;
    margin-bottom: 0;
}

.kategorie-glowna .swiper-slide,
.produkty_glowna .swiper-slide {
    display: flex;
    width: unset;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease-in-out;
    box-sizing: border-box;
}

.kategorie-glowna .swiper-slide-active {
    transform: scale(1.1) !important; /* Powiększenie aktywnego slajdu */
    opacity: 1;
    z-index: 1;
}

.kategorie-glowna .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.7; /* Zmniejszona widoczność nieaktywnych slajdów */
}

.kategorie-glowna .swiper-button-next,
.kategorie-glowna .swiper-button-prev {
    border-radius: 50%;
    padding: 10px;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.kategorie-glowna .swiper-button-next {
    right: 10px;
}

.kategorie-glowna .swiper-button-prev {
    left: 10px;
}

.kategorie-glowna .swiper-slide .swiper-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.kategorie-glowna .swiper-slide .swiper-link:hover {
    text-decoration: none;
}

/* Slider główny */
.slajder-glowna {
    position: relative;
    justify-content: center;
    max-width: 100%;
    margin: 0 !important;
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    min-height: 280px;
}

.slajder-glowna .swiper-slide {
    display: flex;
    width: unset;
    height: unset;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.slajder-glowna .swiper-slide-active {
    transform: scale(1.05);
    opacity: 1;
    z-index: 1;
}

.slajder-glowna .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.7;
}

.slajder-glowna .swiper-button-next,
.slajder-glowna .swiper-button-prev {
    border-radius: 50%;
    padding: 10px;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.slajder-glowna .swiper-button-next {
    right: 10px;
}

.slajder-glowna .swiper-button-prev {
    left: 10px;
}

.slajder-glowna .swiper-slide .swiper-link {
    display: block; /* Link wypełnia przestrzeń */
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.slajder-glowna .swiper-slide .swiper-link:hover {
    text-decoration: none;
}

/* ===============================================
    FILTROWANIE PRODUKTÓW – Lista kategorii filtrujących
   =============================================== */
.kategorie-filtrowanie {
    list-style: none; /* Usuń kropki */
    padding: 0;
    margin: 0;
}

.kategorie-filtrowanie .cat-item {
    position: relative;

    padding: 5px 0;
}

.kategorie-filtrowanie .cat-item > a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    flex-grow: 1;
}

.kategorie-filtrowanie .cat-item .toggle-icon {
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.kategorie-filtrowanie .cat-item.open .toggle-icon {
    transform: rotate(180deg);
}

.shop-wrapper .kategorie-filtrowanie .cat-item {
    position: relative;
    display: block;
    align-items: center;
    padding: 5px 0;
}

.kategorie-filtrowanie .cat-item .children {
  display: none;
padding: 5px 0px 0px 5px;
  margin-left: 5px !important;
}

.shop-wrapper .kategorie-filtrowanie .cat-item .children {
    display: none;
    margin-left: 20px;
}

.kategorie-filtrowanie .cat-item.open .children {
    display: block;
}

/* ===============================================
    WOOCOMMERCE – Dodatkowe ustawienia produktów
   =============================================== */
.product .product_meta {
    margin-top: 0rem !important;
}

.wc-gzd-additional-info.wc-gzd-additional-info-loop.tax-info {
    display: none !important;
}

/* ===============================================
    AKORDION – Kontener i style elementów
   =============================================== */
.accordion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion h4 {
    cursor: pointer;
    background-color: #f4f4f4;
    margin: 0;
    padding: 10px;
    border: 1px solid #ddd;
}

.accordion ul {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
}

.accordion ul.active {
    display: block;
}

.accordion h4.active {
    background-color: #e2e2e2;
}

.desktop-hide{
    display: none;
}

/* ===============================================
    MEDIA – Dostosowanie layoutu w zależności od szerokości ekranu
   =============================================== */
@media only screen and (max-width: 1440px) {
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px;
    }
}

@media only screen and (max-width: 600px) {

  #wpadminbar {
    position: relative !important;
  }

.desktop-hide{
    display: block;
}


    footer .has-text-align-left{
        text-align: center !important;
    }
	
	.single-product .wp-block-woocommerce-product-price .price-container .price-gross {
  font-size: 20px;
}
	.single-product	.wp-block-post-title{
		text-align: center;
		  font-size: 22px !important;

	}
    .topbar-wrapper{
        margin-left:0px !important;
    }
    .phone svg {
width:25px;
}
    .product-additional-info-column {
  padding: 0px 20px 20px 20px !important;
}
    .product-description-column {
  padding: 0px 20px 20px 20px !important;
}
    .woocommerce-product-attributes-item{
        display:flex !important;
        flex-direction:column !important;
    margin-bottom: 5px;
    }
    .woocommerce table.shop_attributes th {
  width: 100% !important;
}
    .product-additional-info-column {
  border-right: 0px solid var(--wp--preset--color--custom-akcent) !important;
}
    .product-wrapper .dodaj-do-koszyka {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}
    .produkty-slider .price-gross, .produkty-slider .price-range-gross {
  font-weight: bold;
  color: #333;
font-size: 20px !important;
	}
    .produkty-slider h2{
          font-size: 12px !important;

    }
    .produkty-slider .wp-block-post{
        width: 80%;
    }
    .produkty-slider {
  margin: 0px 20px !important;
  overflow: hidden;
}
    .nav-bar .aws-container{
        display:block;
    }
        .mobile-show{
        display:block;
    }
    .mobile-hide{
        display:none;
    }
    .navbar-container {

}
    #aws-search-result-2{
        left: 0px !important;
        padding:10px;
    }
#top-bar .wp-container-content-1 {
  flex-grow: 0 !important;
}
#top-bar    .wp-container-core-group-is-layout-5 {
  gap: var(--wp--preset--spacing--20) !important;
  justify-content: start !important;
}
    .kategorie-glowna .swiper-slide-active {
  transform: scale(1) !important;
  opacity: 1;
  z-index: 1;
}
    .kategorie-glowna{
    padding: 0 10px;
    }



    .cart-wrapper {
        padding: 10px;
    }

    .cart-section,
    .checkout-section {
        padding: 10px;
    }
    
    .category-thumbnail {
        aspect-ratio: 3 / 4;
    }
    .hide-on-mobile {
        display: none;
    }
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px;
    }
}

@media only screen and (max-width: 450px) {
    .category-thumbnail {
        aspect-ratio: 3 / 4;
    }
    .hide-on-mobile {
        display: none;
    }
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 5px;
    }
}

/* ===============================================
    Inne – Reset focus
   =============================================== */
:where(.wp-site-blocks :focus) {
    outline: none !important;
}



.phone svg {
    fill: var(--wp--preset--color--contrast);
}

/* Pusta klasa na filtr ceny (do ewentualnej rozbudowy) */
.filtr-ceny {
    /* Dodaj style, jeśli wymagane */
}




/* =========================================================
   WP Block Navigation – MOBILE DRAWER (jak na screenie)
   Bazuje na natywnych klasach WP/Gutenberg
========================================================= */

/* Overlay (ciemny pasek z prawej) */
.wp-block-navigation__responsive-container.is-menu-open {
    background: rgba(0,0,0,0.55);
}

/* Drawer: biały panel po lewej */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: min(360px, 86vw);
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 12px 0 30px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
}

/* Pasek nagłówka (Menu) */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content::before {
    content: "Menu";
    display: block;
    height: 54px;
    line-height: 54px;
    padding: 0 18px;
    background: #000;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
}

/* Przycisk zamykania X (na czarnym pasku) */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
    position: fixed;
    top: 7px;
    left: calc(min(360px, 86vw) - 46px);
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: #fff;
    opacity: 0.9;
}

/* Lista menu – przewijana */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
    margin: 0;
    padding: 14px 18px 20px 18px;
    overflow: auto;
}

/* Pozycje menu – ciaśniej, jak na screenie */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
    display: block;
    padding: 9px 0;
    line-height: 1.35;
    color: rgba(0,0,0,0.85);
    text-decoration: none;
    transition: transform 0.18s ease, color 0.18s ease;
}

/* Hover – delikatne przesunięcie */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:focus {
    transform: translateX(4px);
    color: #000;
}

/* Aktywna pozycja (strona bieżąca) – subtelny “highlight” */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.current-menu-item
> .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.current_page_item
> .wp-block-navigation-item__content {
    transform: translateX(4px) scale(1.03);
    color: #000;
}

/* Rodzic aktywnej (np. kategoria pod SKLEP) */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.current-menu-parent
> .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.current-menu-ancestor
> .wp-block-navigation-item__content {
    transform: translateX(3px) scale(1.01);
    color: rgba(0,0,0,0.92);
}

/* MOBILE drawer: toggle jako "+" */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    position: absolute; /* ważne: po prawej */
    right: 10px;
    top: 8px;
    opacity: 0.9;
    cursor: pointer;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle svg {
    display: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle::before,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background: rgba(0,0,0,0.65);
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle::after {
    transform: rotate(90deg);
    transition: transform 0.22s ease;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    transform: rotate(0deg);
}

/* Miejsce na plus */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.has-child
> a.wp-block-navigation-item__content {
    padding-right: 44px;
}

/* SUBMENU: animacja height + opacity (bez display) */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.has-child
> .wp-block-navigation__submenu-container {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.28s ease, opacity 0.22s ease;
    margin: 6px 0 10px 10px;
    padding-left: 12px;
    border-left: 1px solid rgba(0,0,0,0.12);
}

/* otwarte */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item.has-child.is-submenu-open
> .wp-block-navigation__submenu-container {
    opacity: 1;
}

/* =========================================================
   FIX: motyw chowa dropdowny (absolute/hidden) – wymuszamy w drawerze
========================================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container {
    display: block !important;          /* jeśli motyw robi display:none */
    position: static !important;            /* jeśli motyw robi absolute */
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;         /* jeśli motyw przesuwa dropdown */
    visibility: visible !important;     /* jeśli motyw ukrywa */
    pointer-events: auto !important;
}

/* jeżeli motyw używa opacity do ukrywania dropdowna – my kontrolujemy opacity w animacji */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container {
    opacity: inherit;
}

/* czasem motyw daje max-height:0 dla dropdownów */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container {
    max-height: none !important;
}