/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* header start */
.wd-nav[class*="wd-style-"]>li>a {
	font-size: 17px;
	font-weight: 400;
	color: #222;
}
/* Główny kontener wyszukiwarki */
.wd-search-form {
    position: relative !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Formularz wyszukiwania */
.searchform {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    border: 1px solid #eee !important;
    transition: all 0.3s ease !important;
 
}
.searchform:focus-within {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-color: #8B0000 !important;
}
.wd-account-style-text .wd-tools-text {
	color: #222;;
}
.searchform.wd-with-cat input[type="text"] {
		color: var(--wd-primary-color);
	border-radius: 8px;
}
.searchform:focus-within {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-color: #8B0000 !important;
}
/* Pole wyszukiwania */
.searchform input[type="text"] {
    flex: 1 !important;
    padding: 12px 20px !important;
    border: none !important;
    font-size: 15px !important;
    outline: none !important;
    background: transparent !important;
}

/* Przycisk wyszukiwania */
.searchsubmit {
    background: #8B0000 !important;
    color: white !important;
    border: none !important;
    
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wd-dropdown-search-cat.wd-design-default {
    width: 210px;
    border-radius: 0px 0px 8px 8px;
}
.wd-search-cat>a {
    width: 210px !important;
}
.wd-dropdown-search-cat.wd-design-default {
    width: 210px;
}
	color: var(--wd-primary-color);
	font-weight: 500;
}
.searchform {
	border-radius: 8px;
}
.searchform.wd-style-with-bg .searchsubmit {
 border-radius: 0 8px 8px 0;
}
.wd-image img {
    border-radius: var(--wd-brd-radius) !important;
}

/* Produkty przyciski */
.wd-product.wd-hover-fw-button .wd-add-btn>a {
	background-color: var(--wd-primary-color);
	border-radius: 8px;
}
.wd-product.wd-hover-fw-button .wd-add-btn>a:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--wd-primary-color);
}

/* Tytuły sekcji */
.title-wrapper .title {
	font-size: 35px;
}

/* Paragrafy */
p {
	font-size: 16px;
}

/* Prodcut label */

.product-label.new {
    background-color: #EEEBEF;
	color: var(--wd-primary-color);
}

.product-element-top img {
	border-radius: 8px;
	aspect-ratio: 1/1.5;
	object-fit: cover;
	object-position: center;
}
.wd-gallery-item{
	border-radius: 8px;
}
.wd-product.wd-hover-fw-button .wd-add-btn>a {
	border-radius: 8px;
}
.wd-add-btn a{
	border-radius: 8px!important;
}

/* info box home page */
.wd-info-box :is(.info-box-subtitle:not(.subtitle-style-background),.info-box-title) {
    font-size: 21px;
}
/* p text testimonials */

.testimonial-content p { color: #fff;}

.whb-with-shadow {
    box-shadow: -2px 7px 8px rgba(0, 0, 0, 0.1);
}
.wd-logo img {
	min-width: 250px;
}

.wd-header-nav, .site-logo {
	padding-bottom: 10px;
}
.whb-sticked .wd-header-nav {
	padding-top: 10px
}
.product-labels.labels-rounded .product-label {
	border-radius: 8px !important;
	font-weight: 500;
}

.variations {
    width: 100% !important;
    margin-bottom: 30px !important;
}

/* Główna tabela wariantów */
.variations {
    width: 100% !important;
    margin-bottom: 20px !important;
    display: table !important;
}

/* Wiersz tabeli */
.variations tr {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 15px !important;
}

/* Komórka z etykietą */
.variations th.label {
    width: 100px !important;
    min-width: 100px !important;
    text-align: left !important;
    padding-top: 10px !important;
}

/* Komórka z wariantami */
.variations td.value {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}




/* Aktywny wariant */
.wd-swatch.wd-active {
    border-color: #8B0000 !important;
}

/* Przycisk Wyczyść */
.reset_variations {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    background: #f5f5f5 !important;
    border-radius: 8px !important;
    color: #666 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
	        margin-left: 0px!important
}

.reset_variations:hover {
    background: #e5e5e5 !important;
    color: #333 !important;
}

/* Ukrycie domyślnego selecta */


/* Kontener przycisku Wyczyść */
.wd-reset-var {
    margin-top: auto !important;
}
[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:is(.wd-active,:hover:not(.wd-disabled)):after, [class*="wd-swatches"].wd-bg-style-1 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg:after, [class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)):after, [class*="wd-swatches"].wd-text-style-1 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text:after {
    opacity: 0;
}

.footersize h6 {
	font-size: 20px !important;
	font-weight: 600;
}
@media (max-width: 767px) {
	.title-wrapper .title {
  font-size: 24px;
}
	.wd-info-box {
		text-align: center;
	}
	.title-wrapper .title h6 {
		text-align: center;
	}
	 .promo-banner .banner-title {
    font-size: 4vw;
  }
	.wd-logo img  {
		min-width: auto;
	}
	.wd-tools-element .wd-tools-icon::before {
  font-size: 30px;
}
	.wd-toolbar .wd-tools-element .wd-tools-icon::before {
		font-size: 20px;
	}
	
}
@media (min-width: 767px) {
	/* Kontener wariantów */
.wd-swatches-product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}
	.promo-banner .banner-image :is(img, picture, video) {
		border-radius: 8px;
	}
	.wd-swatch {
    min-width: 50px !important;
    height: 50px !important;
    border: 2px solid #eee !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}
}
@media (max-width: 766px) {
	/* Kontener wariantów */
.wd-swatches-product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}
	
/* Pojedynczy wariant */
.wd-swatch {
    min-width: 42px !important;
    height: 42px !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}
}
.whb-main-header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}/* First, let's restructure the layout to create three distinct sections */
.shop-loop-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Left section with breadcrumbs */
.wd-shop-tools:first-child {
    flex: 1;
}

/* Center section with filter buttons */
.wd-filter-buttons {
    flex: 0 0 auto;
    margin: 0 20px; /* Add some spacing on both sides */
}

/* Right section with view options */
.wd-shop-tools:last-child {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

/* Make sure the filter button has proper styling */
.wd-filter-buttons .open-filters {
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .shop-loop-head {
        justify-content: center;
        gap: 15px;
    }
    
    .wd-shop-tools:first-child,
    .wd-shop-tools:last-child {
        flex: 0 0 100%;
        justify-content: center;
        text-align: center;
    }
    
    .wd-filter-buttons {
        margin: 10px 0;
    }
}
.wd-filter-lable.layer-term-lable {
	display: none;	
}
.headerp p {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.wd-swatches-filter {
    height: 229px;
}
h5.elementor-heading-title {
	font-size: 18px;
	font-weight: 400 !important;
	font-family: var(--wd-title-color) !important;
}
li.wc-layered-nav-term.wd-swatch-wrap::marker {
    content: none;
    display: none;
}
.wc-layered-nav-term {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
}

.wc-layered-nav-term .count {
  margin-left: 5px;
}

.wd-swatch-wrap {
  display: inline-flex;
  align-items: center;
}

.layered-nav-link {
  display: inline-flex;
  align-items: center;
}
.wc-layered-nav-term .count {
  display: none;
}

.wc-layered-nav-term {
  display: inline-flex;
  align-items: center;
}
[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text {
    min-width: max(var(--wd-swatch-text-min-width, 25px), var(--wd-swatch-text-size));
    background-color: #eeebef;
}
h4.title-wrapper.title {
	font-size: 22px;
}
.elementor-widget-heading .elementor-heading-title {
	  font-family: "Montserrat", serif !important;
	font-weight: 400 !important;

}
.wc-color-filter {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: scroll;
    max-height: 390px!important;
}

/* Ustawienie pełnej wysokości dla kontenera głównego */
.elementor-element-4669a5e .e-con-inner {
    align-items: stretch !important;
}

/* Ustawienie pełnej wysokości dla kolumny z filtrem kolorów */
.elementor-element-386d5b3 {
    height: 100% !important;
}

/* Ustawienie pełnej wysokości dla kontenera widgetu */
.elementor-element-386d5b3 .elementor-widget-container {
    height: 100% !important;
}

/* Ustawienie pełnej wysokości dla listy kolorów */
.wc-color-filter {
    height: 100% !important;
    overflow-y: auto !important;
}

/* Opcjonalnie: dodanie scrollbara tylko gdy zawartość przekracza wysokość */
.wc-color-filter {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

/* Styl dla scrollbara (webkit) */
.wc-color-filter::-webkit-scrollbar {
    width: 6px;
}

.wc-color-filter::-webkit-scrollbar-track {
    background: transparent;
}

.wc-color-filter::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}
/* Główne kategorie w jednej kolumnie */
.widget_product_categories .product-categories {
    display: block;
}


/* Podkategorie w dwóch kolumnach */
.widget_product_categories .product-categories .children {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    clip-path: inset(0 0 100% 0);
    transform-origin: top;
    transform: scaleY(0);  */
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, transform 0.5s ease-in-out, clip-path 0.5s ease-in-out;
}

.widget_product_categories .product-categories .list-shown {
    max-height: 500px; 
    opacity: 1;
    visibility: visible;
    transform: scaleY(1); 
    clip-path: inset(0 0 0 0); 
}
.widget_product_categories .children {
	padding-inline-start: 0;
}
.widget_product_categories .wd-cats-toggle {
    border-radius: 8px;
}
.wd-search-form {
    border-radius: 8px;
    
}

.wd-search-form form {
    border-radius: 8px;
   
}

.wd-search-form input.s {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.wd-search-form .searchsubmit {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Zaokrąglenie dla dropdown'u z kategoriami */
.wd-dropdown-search-cat {
    border-radius: 6px;
    margin-top: 4px;
}
.product-element-top {  
	aspect-ratio: 1/1.5 !important;
}
.wd-cart-totals .wc-proceed-to-checkout .checkout-button {
    border-radius: 8px;
}
.wd-coupon-form .button {
	 border-radius: 8px;
}
.woocommerce-cart-form>.cart .cart-actions>.button {
	border-radius: 8px;
}
.wd-coupon-form .input-text {
    border-radius: 8px;
}

.wd-payment-methods #place_order {
    border-radius: 8px;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    border-radius: 8px;
	    border: var(--wd-form-brd-width) solid #EEEBEF;
}
.woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-shipping-methods li {
    padding: 1rem;
    margin-bottom: 0.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: background-color 0.2s;
}

.select-paczkomat-button {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #4f000b;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.select-paczkomat-button:hover {
    background-color: #210005;
    color: white;
}

.cart-subtotal,
.order-total {
    font-size: 1.1rem;
}

/* Wersja mobilna */
@media screen and (max-width: 768px) {
    .woocommerce-shipping-methods li {
        padding: 0.25rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .woocommerce-shipping-methods li label {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .select-paczkomat-button {
        width: 100%;
        margin-top: 0.75rem;
        padding: 0.75rem;
    }
	.checkoutp p {
		font-size: 22px !important;
		text-align: right;
	}
	.woocommerce-breadcrumb {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
	
	
	/* Reset układu dla mobilnego widoku */
.e-con-boxed .e-con-inner {
    display: block !important;
}

/* Kontener kategorii - pełna szerokość */
.elementor-element-cbcfba1 {
    width: 100% !important;
    margin-bottom: 20px;
    order: 1;
}

/* Kontener filtrów - kolory i rozmiary */
.elementor-element-386d5b3,
.elementor-element-4c56eb2 {
    width: 100% !important;
}

.elementor-element-386d5b3 {
    order: 2;
}

.elementor-element-4c56eb2 {
    order: 3;
}

/* Ogólne marginesy i padding */
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* Nagłówki sekcji */
.elementor-heading-title {
    padding: 10px 0 !important;
    margin: 0 !important;
}

/* Lista kategorii */
.product-categories {
    margin: 0 !important;
    padding: 0 10px !important;
}

/* Filtry kolorów */
.wc-color-filter {
    display: grid !important;
    gap: 10px !important;
    padding: 0 10px !important;
}

/* Filtry rozmiaru */
.wd-swatches-filter {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    padding: 0 10px !important;
}

/* Elementy filtrów */
.wc-color-filter li,
.wd-swatch-wrap {
    margin: 0 !important;
}
	
}

/* Małe ekrany */
@media screen and (max-width: 480px) {
    .woocommerce-shipping-methods li {
        padding: 0.5rem;
    }

    .cart-subtotal,
    .order-total {
        font-size: 1rem;
    }
    
    .select-paczkomat-button {
        font-size: 0.9rem;
        padding: 0.625rem;
    }
}

form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn,.quantity) {
    flex: 0 0 auto;
    border-radius: 8px;
}

@media (max-width: 1599px) {
    .wd-dropdown-menu {
        --wd-dropdown-width: 100vw;
    }
}
.cart-content-wrapper>.cart_totals .cart-totals-inner .checkout-button {
    border-radius: 8px;
}
form.woocommerce-checkout>:is(.customer-details,.checkout-order-review) {
    padding: 20px;
    background: white;
    border-radius: 8px;
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review) {
    background-color: #fff;
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):before {
	display: none;
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):after {
	display: none;
}
.checkoutp p {
	font-size: 30px;
	font-weight: 400;
		  font-family: "Montserrat", serif !important;
	color: #222;
}
.woocommerce-mini-cart__buttons > * {
	border-radius: 8px !important;
}
.wd-builder-off #place_order {
  border-radius: 8px;
	font-family: "Montserrat", serif;
}
.payment_methods li > label {
  font-family: "Montserrat", serif;
}
p {
  font-family: "Montserrat", serif;
}
.woocommerce-shipping-methods label {
	font-family: "Montserrat", serif;
}
.select-paczkomat-button {
	font-family: "Montserrat", serif;
}
.wd-checkout-prod-title > :is(.cart-product-label-link, .cart-product-label) {
  margin-inline-end: 5px;
  font-family: "Montserrat", serif;
}
.amount {
	  font-family: "Montserrat", serif;
}
.wd-empty-mini-cart .btn {
	border-radius: 8px;
}
.wd-nav-vertical .wd-dropdown-menu {
    inset-inline-start: 0 !important;
    top: 100% !important; 
    transform: translateX(0) translateY(0) translateZ(0) !important; 
    width: 100% !important; 
}
.wd-accordion.wd-style-default>.wd-accordion-item:first-of-type, .wd-accordion.wd-style-default>.wd-nav-wrapper+.wd-accordion-item {
    border-top: 0 !important;
	border-bottom: 0;
}
.wd-accordion.wd-titles-left>.wd-accordion-item>.wd-accordion-title>div {
    justify-content: left;
    font-weight: 500;
    text-transform: uppercase;
}
.filters-area {
    margin-bottom: 10px;
    padding-block: 10px;
}
a {
    color: #656161;
}
/* Ustawiamy kontener na flexbox i zmieniamy kolejność elementów */
.wd-shop-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* Przenosimy przycisk filtrów na początek */
.wd-filter-buttons {
  order: -1;
  margin-right: 15px; /* Dodajemy odstęp po prawej stronie */
}

/* Opcjonalnie: jeśli chcemy zachować wyrównanie pozostałych elementów */
.woocommerce-result-count {
  margin-left: auto;
}
/* Ustawiamy kontener na flexbox */
.wd-shop-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

/* Ustawiamy przycisk filtrów na początku */
.wd-filter-buttons {
  order: -1;
}

/* Elementy po prawej stronie */
.woocommerce-result-count,
.wd-products-per-page,
.wd-products-shop-view,
.woocommerce-ordering {
  margin-left: auto;
}

:is(.register,.woocommerce-form-login) .button {
	border-radius: 8px;
}
.wd-switch-to-register {
		border-radius: 8px;
}
.promo-banner {
	border-radius: 8px !important;
}