:root{
  --hxvar-accent:#684434;
  --hxvar-border: rgba(0,0,0,.12);
  --hxvar-radius: 16px;
  --hxvar-fontA: Urbanist, Raleway, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --hxvar-fontB: Raleway, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

/* Woo variations table / reset gizle */
.variations_form table.variations.hxvarui-hidden{ display:none !important; }
.variations_form .reset_variations.hxvarui-hidden{ display:none !important; }

/* Woo'nun kendi variation fiyatı görünmesin (bizim pricebar) */
.variations_form .single_variation .woocommerce-variation-price,
.variations_form .single_variation .price{
  display:none !important;
}

.hxvarui{
  display:flex;
  flex-direction:column;
  gap: 14px;
  margin: 10px 0 12px;
  min-width:100%!important;
}

.hxvarui-attr{
  border: 1px solid var(--hxvar-border);
  border-radius: var(--hxvar-radius);
  background: #fff;
  padding: 12px;
}

.hxvarui-attr__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.hxvarui-attr__label{
  font-family: var(--hxvar-fontA);
  font-weight: 600;
  letter-spacing:.2px;
  font-size: 13px;
  text-transform: uppercase;
}

.hxvarui-req{ color:#d11; margin-right:6px; }

/* Temizle: daha küçük + daha soft */
.hxvarui-reset{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  color:white!important;

  border: 1px solid rgba(104,68,52,.22);
  background: rgba(104,68,52,.06);
  color: var(--hxvar-accent);

  font-family: var(--hxvar-fontA);
  font-weight: 500;
  cursor:pointer;

  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;

  user-select:none;
}
.hxvarui-reset i{ font-size: 13px; }
.hxvarui-reset span{ transform: translateY(.5px); }

.hxvarui-reset:hover{
  background: rgba(104,68,52,.10);
  border-color: rgba(104,68,52,.30);
}

/* Dropdown */
.hxvarui-select{
  width: 100%;
  border-radius: 14px !important;
  border: 1px solid var(--hxvar-border) !important;
  box-shadow:none !important;
  padding: 10px 12px !important;
  font-family: var(--hxvar-fontB);
  font-weight: 400;
}

/* List */
.hxvarui-list{
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.hxvarui-opt{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--hxvar-border);
  background: #fff;
  cursor:pointer;
  user-select:none;
}
.hxvarui-opt.is-disabled{ opacity:.55; cursor:not-allowed; }
.hxvarui-opt input{ margin:0 10px 0 0; transform: translateY(1px); }
.hxvarui-opt__text{
  flex: 1;
  font-family: var(--hxvar-fontA);
  font-weight: 500;
  font-size: 14px;
}
.hxvarui-opt__price{
  font-family: var(--hxvar-fontA);
  font-weight: 600;
  color: var(--hxvar-accent);
  font-size: 14px;
}

/* Pills */
.hxvarui-pills{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.hxvarui-pill{
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--hxvar-border) !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;

  display:inline-flex;
  align-items:center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;
  cursor:pointer;

  font-family: var(--hxvar-fontA) !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 1.1;

  min-height: 34px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.hxvarui-pill:hover{
  background: rgba(0,0,0,.02) !important;
  transform: translateY(-1px);
}
.hxvarui-pill.is-active{
  background: rgba(104,68,52,.10) !important;
  border-color: rgba(104,68,52,.30) !important;
}
.hxvarui-pill.is-disabled{
  opacity:.55;
  cursor:not-allowed;
}
.hxvarui-pill__price{
  font-weight: 600;
  color: var(--hxvar-accent);
  font-size: 12px;
  opacity: .9;
}

/* Price bar */
.hxvarui-pricebar{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.02);
}
.hxvarui-pricebar__label{
  font-family: var(--hxvar-fontB);
  font-weight: 400;
  opacity:.85;
}
.hxvarui-pricebar__sep{ opacity:.55; }
.hxvarui-pricebar__value{
  font-family: var(--hxvar-fontA);
  font-weight: 600;
  color: var(--hxvar-accent);
}