/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 12:24:50 */
/* =========================================
   ASTRA VARIATION BUTTON – STYLE HASAKI
========================================= */

/* Khối chứa biến thể */
body.single-product .ast-variation-button-group{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:8px !important;
}

/* Nút biến thể */
body.single-product .ast-single-variation{
  min-width:68px !important;
  padding:9px 18px !important;

  border-radius:10px !important; /* vuông mềm */
  background:#fff !important;
  border:1px solid #dcdfe4 !important;

  font-size:14px !important;
  font-weight:600 !important;
  color:#222 !important;

  cursor:pointer !important;
  user-select:none !important;
  line-height:1 !important;

  transition:all .18s ease !important;
}

/* Hover */
body.single-product .ast-single-variation:hover{
  background:#f8f8f8 !important;
  border-color:#222 !important;
}

/* Đang chọn = cam */
body.single-product .ast-single-variation.active{
  background:#fff7ed !important;
  border-color:#ff8a00 !important;
  color:#ff8a00 !important;
}

/* Bỏ viền focus của Astra */
body.single-product .ast-single-variation:focus{
  outline:none !important;
  box-shadow:none !important;
}

/* Ẩn select gốc phía dưới (nếu còn) */
body.single-product select.attribute_duong-kinh{
  display:none !important;
}

/* Ẩn luôn nút reset (XÓA) */
body.single-product .reset_variations{
  display:none !important;
}
/* Biến thể Astra: chỉ viết hoa chữ cái đầu câu */
body.single-product .variations th label,
body.single-product .ast-variation-button-group + label,
body.single-product label[for^="pa_"]{
  text-transform: none !important; /* bỏ ép viết hoa */
}