/* 3DReal 前台样式：让加入购物车与 3D Design 按钮同一行 */

/* 变量商品表单按钮容器横向排列（含数量、加入购物车、3D 按钮） */
.woocommerce div.product form.cart .variations_button,
.woocommerce div.product form.cart .single_variation_wrap .variations_button {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* 数量输入与按钮保持对齐 */
.woocommerce div.product form.cart .quantity {
  margin-right: 10px;
}

/* 保证两个按钮为行内元素，并垂直居中 */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .three-d-design-button {
  display: inline-flex !important; /* 覆盖主题可能的 block/inline-block 差异 */
  align-items: center;
}

/* 3D 按钮与加入购物车之间的间距 */
.woocommerce div.product form.cart .three-d-design-button {
  margin-left: 10px;
  cursor: pointer;
}

/* 避免某些主题将按钮拉伸为全宽 */
.woocommerce div.product form.cart .three-d-design-button.wp-element-button,
.woocommerce div.product form.cart .single_add_to_cart_button.wp-element-button {
  width: auto;
}

/* 在按钮禁用时仍保持布局，而非独占一行 */
.woocommerce div.product form.cart .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart .single_add_to_cart_button:disabled {
  opacity: 0.6;
}

/* 在变体未选择时（容器带有 disabled 类）仍允许 3D 按钮可点击、可见 */
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart-disabled .three-d-design-button {
  pointer-events: auto !important;
  opacity: 1 !important;
  filter: none !important;
}