/*
Theme Name: Crazy Web Studio (Divi Child)
Template: Divi
Text Domain: Divi-child
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th
*/
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	font-weight: 400;
}

/* === Woo quantity input: Classic templates + Cart + Mini-cart + Woo Blocks === */
.woocommerce .quantity input[type="number"].qty,
form.cart .quantity input[type="number"],
.woocommerce-cart .product-quantity .quantity input[type="number"],
.woocommerce-mini-cart .quantity input[type="number"],
.wc-block-components-quantity-selector__input {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: #222 !important;
  background: #fff !important;
  border: 0px solid #ddd !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  width: 60px !important;
  min-width: 60px !important;
  text-align: center !important;
  transition: border-color .2s, box-shadow .2s !important;
}

/* Focus */
.woocommerce .quantity input[type="number"]:focus,
.wc-block-components-quantity-selector__input:focus {
  border-color: #888 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
  outline: none !important;
}

/* Wrapper alignment (classic + blocks) */
.woocommerce .quantity,
.woocommerce-cart .product-quantity .quantity,
.woocommerce-mini-cart .quantity,
.wc-block-components-quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Ensure native arrows (spinners) can show if your theme hid them */
.woocommerce .quantity input[type="number"].qty,
.wc-block-components-quantity-selector__input {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
}
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
  opacity: 1 !important;
  margin: 0 !important;
}