/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.0
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.vh-custom-product-fields {
  margin: 18px 0 22px;
}

.vh-custom-product-fields .form-row {
  margin-bottom: 16px;
}

.vh-custom-product-fields label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.vh-custom-product-fields .required {
  color: #e53935;
}

.vh-custom-product-fields input[type="text"] {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  font-size: 15px;
}

.vh-custom-product-fields input[type="text"]:focus {
  border-color: #192f83;
  outline: none;
}
/* ===== WRAP ===== */
.vh-custom-product-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 20px 0 10px;
}

/* ===== MỖI FIELD ===== */
.vh-custom-product-fields .form-row {
  width: calc(50% - 8px);
  margin: 0;
}

/* label */
.vh-custom-product-fields label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

/* input */
.vh-custom-product-fields input[type="text"] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #f7f7f7;
  font-size: 14px;
  transition: all 0.25s ease;
}

/* focus */
.vh-custom-product-fields input[type="text"]:focus {
  border-color: #192f83;
  background: #fff;
  outline: none;
}

/* ===== CĂN HÀNG VỚI ADD TO CART ===== */
.single-product form.cart {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
}

/* input full width trên cùng */
.vh-custom-product-fields {
  width: 100%;
}

/* quantity */
.single-product form.cart .quantity {
  margin: 0 !important;
}

/* button */
.single-product form.cart button.single_add_to_cart_button {
  height: 44px;
  padding: 0 24px;
  border-radius: 6px;
  font-weight: 600;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .vh-custom-product-fields .form-row {
    width: 100%;
  }

  .single-product form.cart {
    flex-direction: column;
    align-items: stretch;
  }

  .single-product form.cart button.single_add_to_cart_button {
    width: 100%;
  }
}