/* jdtheme26 — dropdowns (2026-09-27, operator: 「把theme所有下拉選單都改成跟quantity一樣的圓角框線顏色和padding」).
   Same shape as the product-page quantity box (jd-product-page.css): 1px solid var(--jd-border), radius 14px, white fill, 48px high, ~14px side room
   (the quantity box has 4px padding + a 10px inset before its − / + glyph). Covers native <select> and the select2 widgets WooCommerce uses on the
   checkout / cart / account address forms (country, state, city …) including their opened lists. Text inputs are NOT touched. */

/* native selects (not list boxes) */
body select:not([multiple]):not([size]) {
  height: 48px;
  padding: 0 40px 0 14px;                          /* right side keeps room for the arrow */
  border: 1px solid var(--jd-border);
  border-radius: 14px;
  background-color: #fff;
  background-position: calc(100% - 14px) 50%;      /* WoodMart draws the arrow as a background image */
  box-shadow: none;
}
body select:not([multiple]):not([size]):focus { border-color: var(--jd-accent); outline: 0; }

/* select2 (single) */
body .select2-container .select2-selection--single,
body .select2-container--default .select2-selection--single {
  height: 48px;
  border: 1px solid var(--jd-border);
  border-radius: 14px;
  background-color: #fff;
  box-shadow: none;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 46px;
  line-height: 46px;
  padding: 0 40px 0 14px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  right: 14px;
}
body .select2-container--default.select2-container--focus .select2-selection--single,
body .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--jd-accent); }
/* the opened list */
body .select2-dropdown,
body .select2-container--default .select2-dropdown {
  border: 1px solid var(--jd-border);
  border-radius: 14px;
  overflow: hidden;
}
body .select2-container--default .select2-search--dropdown { padding: 8px; }
body .select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--jd-border);
  border-radius: 10px;
}
body .select2-container--default .select2-results__option { padding: 10px 14px; }

/* text fields of WooCommerce forms (checkout / cart coupon / account / login / register), 2026-09-30 (operator: 「方框好像是來自舊站的UI」):
   WoodMart's Theme Settings form style is "square" (1px square boxes) - here they get the same shape as the dropdowns above
   (48px, radius 14px, 1px var(--jd-border), white; teal border on focus). Textareas keep their height. */
body .woocommerce form .form-row :is(.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"]),
body .woocommerce form .form-row textarea,
body .woocommerce-cart .coupon .input-text {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--jd-border);
  border-radius: 14px;
  background-color: #fff;
  box-shadow: none;
}
body .woocommerce form .form-row textarea { min-height: 110px; padding: 12px 14px; }
body .woocommerce form .form-row :is(.input-text, input, textarea):focus,
body .woocommerce-cart .coupon .input-text:focus { border-color: var(--jd-accent); outline: 0; box-shadow: 0 0 0 3px rgba(128, 202, 203, .15); }