/* Kustomz Global UI v1.0.0 - WooCommerce only */

body.woocommerce,
body.woocommerce-page,
.woocommerce,
.woocommerce-page {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.92);
}

body.woocommerce h1,
body.woocommerce h2,
body.woocommerce h3,
body.woocommerce h4,
body.woocommerce h5,
body.woocommerce h6,
body.woocommerce-page h1,
body.woocommerce-page h2,
body.woocommerce-page h3,
body.woocommerce-page h4,
body.woocommerce-page h5,
body.woocommerce-page h6,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3 {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
}

body.woocommerce .woocommerce-billing-fields h3,
body.woocommerce .woocommerce-checkout-review-order h3,
body.woocommerce .woocommerce-order h2,
body.woocommerce .woocommerce-order h3,
body.woocommerce-page .woocommerce-billing-fields h3,
body.woocommerce-page .woocommerce-checkout-review-order h3,
body.woocommerce-page .woocommerce-order h2,
body.woocommerce-page .woocommerce-order h3 {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

body.woocommerce input,
body.woocommerce select,
body.woocommerce textarea,
body.woocommerce-page input,
body.woocommerce-page select,
body.woocommerce-page textarea,
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
  background: rgba(20,20,30,0.92) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

body.woocommerce input::placeholder,
body.woocommerce textarea::placeholder,
body.woocommerce-page input::placeholder,
body.woocommerce-page textarea::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

body.woocommerce input:focus,
body.woocommerce select:focus,
body.woocommerce textarea:focus,
body.woocommerce-page input:focus,
body.woocommerce-page select:focus,
body.woocommerce-page textarea:focus,
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 8px rgba(212,175,55,0.35) !important;
  outline: none !important;
}

body.woocommerce button,
body.woocommerce .button,
body.woocommerce a.button,
body.woocommerce-page button,
body.woocommerce-page .button,
body.woocommerce-page a.button,
.woocommerce button,
.woocommerce .button,
.woocommerce a.button {
  background: linear-gradient(135deg, #5e1fff, #d4af37) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 1px;
  text-transform: none;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.18), 0 8px 20px rgba(0,0,0,0.18);
}

body.woocommerce button:hover,
body.woocommerce .button:hover,
body.woocommerce a.button:hover,
body.woocommerce-page button:hover,
body.woocommerce-page .button:hover,
body.woocommerce-page a.button:hover,
.woocommerce button:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover {
  box-shadow: 0 0 12px rgba(212,175,55,0.5), 0 8px 20px rgba(0,0,0,0.22) !important;
  transform: translateY(-1px);
}

body.woocommerce label,
body.woocommerce-page label,
.woocommerce label {
  color: rgba(255,255,255,0.92) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.35px;
}

body.woocommerce table,
body.woocommerce-page table,
.woocommerce table,
body.woocommerce .woocommerce-order-details,
body.woocommerce-page .woocommerce-order-details,
body.woocommerce .woocommerce-checkout-review-order,
body.woocommerce-page .woocommerce-checkout-review-order {
  color: rgba(255,255,255,0.94) !important;
}

body.woocommerce a,
body.woocommerce-page a,
.woocommerce a {
  color: #d4af37;
}

body.woocommerce .select2-container--default .select2-selection--single,
body.woocommerce-page .select2-container--default .select2-selection--single {
  background: rgba(20,20,30,0.92) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important;
  height: 44px !important;
}

body.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 42px !important;
}

body.woocommerce .select2-dropdown,
body.woocommerce-page .select2-dropdown {
  background: rgba(20,20,30,0.98) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

body.woocommerce .select2-results__option,
body.woocommerce-page .select2-results__option {
  color: #ffffff !important;
}

body.woocommerce .select2-results__option--highlighted[aria-selected],
body.woocommerce-page .select2-results__option--highlighted[aria-selected] {
  background: rgba(94,31,255,0.45) !important;
  color: #ffffff !important;
}


/* ===== v1.0.1 quantity button fix ===== */
body.woocommerce .quantity,
body.woocommerce-page .quantity,
.woocommerce .quantity {
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(10,12,24,0.96) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18) !important;
}

body.woocommerce .quantity .qty,
body.woocommerce-page .quantity .qty,
.woocommerce .quantity .qty {
  width: 58px !important;
  min-width: 58px !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,0.12) !important;
  border-right: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 0 !important;
  background: rgba(14,16,30,0.98) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

body.woocommerce .quantity .qty::-webkit-outer-spin-button,
body.woocommerce .quantity .qty::-webkit-inner-spin-button,
body.woocommerce-page .quantity .qty::-webkit-outer-spin-button,
body.woocommerce-page .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

body.woocommerce .quantity button,
body.woocommerce-page .quantity button,
.woocommerce .quantity button,
body.woocommerce .quantity .minus,
body.woocommerce .quantity .plus,
body.woocommerce-page .quantity .minus,
body.woocommerce-page .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(94,31,255,0.9), rgba(212,175,55,0.9)) !important;
  color: #fff !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 20px !important;
  line-height: 46px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transform: none !important;
}

body.woocommerce .quantity button:hover,
body.woocommerce-page .quantity button:hover,
.woocommerce .quantity button:hover,
body.woocommerce .quantity .minus:hover,
body.woocommerce .quantity .plus:hover,
body.woocommerce-page .quantity .minus:hover,
body.woocommerce-page .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
  background: linear-gradient(135deg, rgba(110,45,255,1), rgba(228,190,70,1)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
  transform: none !important;
}

body.woocommerce .quantity button svg,
body.woocommerce-page .quantity button svg,
.woocommerce .quantity button svg {
  width: 16px !important;
  height: 16px !important;
}


/* ===== v1.0.2 quantity + search hard fix ===== */

/* product search widget/button should not inherit giant pill button style */
body.woocommerce .woocommerce-product-search,
body.woocommerce-page .woocommerce-product-search,
.woocommerce .woocommerce-product-search {
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
}

body.woocommerce .woocommerce-product-search input[type="search"],
body.woocommerce-page .woocommerce-product-search input[type="search"],
.woocommerce .woocommerce-product-search input[type="search"] {
  flex:1 1 auto !important;
  min-width:0 !important;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

body.woocommerce .woocommerce-product-search button,
body.woocommerce .woocommerce-product-search button[type="submit"],
body.woocommerce-page .woocommerce-product-search button,
body.woocommerce-page .woocommerce-product-search button[type="submit"],
.woocommerce .woocommerce-product-search button,
.woocommerce .woocommerce-product-search button[type="submit"] {
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 10px 10px 0 !important;
  flex:0 0 46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  transform:none !important;
}

/* cart / mini-cart quantity controls */
body.woocommerce .quantity,
body.woocommerce-page .quantity,
.woocommerce .quantity {
  display:inline-flex !important;
  align-items:center !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  gap:0 !important;
  overflow:hidden !important;
}

body.woocommerce .quantity .qty,
body.woocommerce-page .quantity .qty,
.woocommerce .quantity .qty {
  order:2 !important;
  width:48px !important;
  min-width:48px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  border-radius:0 !important;
  line-height:46px !important;
}

body.woocommerce .quantity .minus,
body.woocommerce .quantity .plus,
body.woocommerce-page .quantity .minus,
body.woocommerce-page .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
  position:static !important;
  width:40px !important;
  min-width:40px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  border-radius:0 !important;
  flex:0 0 40px !important;
  transform:none !important;
  box-shadow:none !important;
}

body.woocommerce .quantity .minus { order:1 !important; border-radius:12px 0 0 12px !important; }
body.woocommerce .quantity .plus { order:3 !important; border-radius:0 12px 12px 0 !important; }
body.woocommerce-page .quantity .minus { order:1 !important; border-radius:12px 0 0 12px !important; }
body.woocommerce-page .quantity .plus { order:3 !important; border-radius:0 12px 12px 0 !important; }
.woocommerce .quantity .minus { order:1 !important; border-radius:12px 0 0 12px !important; }
.woocommerce .quantity .plus { order:3 !important; border-radius:0 12px 12px 0 !important; }

/* some themes/plugins place qty buttons outside .quantity */
body.woocommerce .cart .plus,
body.woocommerce .cart .minus,
body.woocommerce-page .cart .plus,
body.woocommerce-page .cart .minus,
.woocommerce .cart .plus,
.woocommerce .cart .minus {
  width:40px !important;
  min-width:40px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  transform:none !important;
  box-shadow:none !important;
}

/* prevent generic hover lift on these small utility buttons */
body.woocommerce .woocommerce-product-search button:hover,
body.woocommerce-page .woocommerce-product-search button:hover,
.woocommerce .woocommerce-product-search button:hover,
body.woocommerce .quantity .minus:hover,
body.woocommerce .quantity .plus:hover,
body.woocommerce-page .quantity .minus:hover,
body.woocommerce-page .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
  transform:none !important;
}