/* Warianty jako klikalne przyciski (waga/pojemność + cena) zamiast natywnego <select>. */

/* Schowaj natywny select WC. Specyficznosc (0,2,1) bije browser default table + Greenshift'ow rule (nie ma display). */
body.single-product table.variations{ display: none; }

/* Cena nad summary niepotrzebna — pokazuje sie per-wariant na przyciskach */
body.product-type-variable .entry-summary-items > .price,
body.product-type-variable .entry-summary > .price{ display: none; }

/* Reset link "Wyczysc" przy variations — schowany */
body.single-product .woocommerce-variation-add-to-cart .reset_variations{ display: none; }

.gs-variant-hint{
  margin: 6px 0 8px;
  font-weight: 600;
  font-size: 14px;
  color: #1f2937;
}

.gs-variant-btns{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0 22px;
}

.gs-vbtn{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 120px;
  padding: 14px 22px;
  border: 2px solid #d1d5db;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  line-height: 1.25;
  transition: border-color .15s, background .15s, box-shadow .15s, transform .15s;
}
.gs-vbtn:hover{
  border-color: #007236;
  box-shadow: 0 0 0 3px rgba(0,114,54,.10);
}

.gs-vbtn.active{
  border-color: #007236;
  background: #007236;
}
.gs-vbtn.active .gs-vbtn-label,
.gs-vbtn.active .gs-vbtn-price,
.gs-vbtn.active .gs-vbtn-price *{ color: #fff; }

.gs-vbtn-label{
  font-weight: 700;
  font-size: 16px;
  color: #1f2937;
}
.gs-vbtn-price{
  font-size: 14px;
  font-weight: 600;
  color: #4b5563;
}

.gs-vbtn.gs-out{
  opacity: .7;
  cursor: not-allowed;
}
.gs-vbtn-note{
  font-size: 11px;
  color: #b91c1c;
  font-weight: 600;
  margin-top: 1px;
}