/* === WK Variation Tiles (image + price) === */

.variations_form .wk-tiles-wrap,
.variations_form .wk-tiles-grid,
.variations_form .wk-tile,
.variations_form .wk-tile *{
  box-sizing: border-box;
}

.variations_form .wk-tiles-grid{
  --wk-cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--wk-cols), minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin: 10px 0 0;
}

/* kafel bez tła, bez paddingu */
.variations_form button.wk-tile{
  margin: 0 !important;
  min-width: 0;
}

.variations_form .wk-tile{
  display: flex;
  flex-direction: column;
  gap: 0px;

  width: 100%;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;

  cursor: pointer;
  user-select: none;
  text-align: center;

  -webkit-appearance: none;
  appearance: none;
}

/* obrazek = 100% szerokości */
.variations_form .wk-tile__img{
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
}

.variations_form .wk-tile__img img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover;
  border-radius: 0 !important;
}

/* cena wyśrodkowana */
.variations_form .wk-tile__price{
  width: 100%;
  text-align: center !important;
  margin: 0 !important;
	padding: 8px 0 8px 0;
  display: block;
  font-weight: 600;
  line-height: 1.15;
	background-color: #FFEEDB;
	
}

/* stan aktywny: delikatny outline */
.variations_form .wk-tile.is-active{
	outline: 2px solid rgb(135 3 3);
	outline-offset: 0;
}

/* disabled */
.variations_form .wk-tile.is-disabled{
  opacity: .35;
  pointer-events: none;
  filter: grayscale(1);
}

/* ukryty select — NIE display:none */
.variations_form .wk-hidden-select{
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Elementor/Woo czasem ucina */
.variations_form table.variations td.value{
  overflow: visible;
}

.product_tag-nice-swatches .woocommerce-variation-price,
.product_tag-bez-wyboru-smaku .woocommerce-variation-price,
.product_tag-wybor-rozmiaru .woocommerce-variation-price{
	display: none;
}

.product_tag-nice-swatches table.variations th.label,
.product_tag-bez-wyboru-smaku table.variations th.label,
.product_tag-wybor-rozmiaru table.variations th.label {
	display: none;
}

.product_tag-nice-swatches table.variations th.label label[for=pa_rozmiar],
.product_tag-bez-wyboru-smaku table.variations th.label label[for=pa_rozmiar],
.product_tag-wybor-rozmiaru  table.variations th.label label[for=pa_rozmiar]{
	display: none;
}

.product_tag-nice-swatches table.variations td.value,
.product_tag-bez-wyboru-smaku  table.variations td.value,
.product_tag-wybor-rozmiaru table.variations td.value{
	padding: 15px !important;
}

.product_tag-nice-swatches table.variations,
.product_tag-bez-wyboru-smaku table.variations,
.product_tag-wybor-rozmiaru table.variations{
	margin: 0 !important;
}

.product_tag-nice-swatches table tbody>tr:nth-child(odd)>td, 
.product_tag-nice-swatches table tbody>tr:nth-child(odd)>th,
.product_tag-bez-wyboru-smaku table tbody>tr:nth-child(odd)>td, 
.product_tag-bez-wyboru-smaku table tbody>tr:nth-child(odd)>th,
.product_tag-wybor-rozmiaru table tbody>tr:nth-child(odd)>td, 
.product_tag-wybor-rozmiaru table tbody>tr:nth-child(odd)>th{
	background-color: white !important;
}


.product_tag-nice-swatches a.reset_variations,
.product_tag-bez-wyboru-smaku a.reset_variations,
.product_tag-wybor-rozmiaru a.reset_variations{
	display: none !important;
}

.product_tag-nice-swatches label[for=wapf-3516-35586ee],
.product_tag-bez-wyboru-smaku label[for=wapf-3516-35586ee],
.product_tag-wybor-rozmiaru label[for=wapf-3516-35586ee]{
	padding-top: 0;
	margin-top: 0 !important;
}



.szybki-wybor .wapf-field-label{
    margin-bottom: 10px;
    width: fit-content;
    border-radius: 10px;
    text-decoration: underline;
    text-underline-offset: 4px;
	 text-decoration-color: #870303;
}
.szybki-wybor{
	padding: 15px !important;
	background-color: #eaeaea;
}



.kolor-dekoracji .wapf-field-label label,
.szybki-wybor .wapf-field-label label{
	margin: 0 !important;
}