/*
Theme Name: Ambabie 2026

Description: This is a child theme

Author: Minh Linh

Template: flatsome

Version: 1.2

*/

/*@font-face {
  font-family: Quentin;
  src: url("./f/BHN - Quentin.ttf");
}

.alt-font{
  font-family: Quentin, sans-serif !important;
}
*/
/*@font-face {
  font-family: UTMHelvetIns;
  src: url("./f/UTM HelvetIns.ttf");
  font-display: swap;
}
*/


h1,h2,h3,h4,h5,h6,.heading-font{color: #7a8879;/*font-family: "UTMHelvetIns", sans-serif;*/font-weight: normal;}.alt-font,.s1r h3{/*font-family: "UTMHelvetIns", sans-serif;*/font-weight: normal;}
html,body{overflow-x:hidden;}
/*body {
    font-family: Tahoma, sans-serif;
}*/
h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong,.header-nav-main.nav > li.active > a{/*font-family: "UTMHelvetIns", sans-serif;*/font-weight: normal;}
.button, img, .box-text { border-radius: 8px; }






/* ==================== VARIATION BUTTONS ==================== */
/* Ẩn default select dropdown */
.variations select {display: none !important;}

/* Hiển thị các option dạng button */
.woocommerce-variation .variations_form .variations,
.variations_form .variations {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.woocommerce-variation .variations label,
.variations label {
  width: 100%;
  font-weight: bold;
  margin-bottom: 5px;
  padding-right: 10px;
  margin:0
}

.woocommerce-variation .variations td.value,
.variations td.value {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Style cho từng button variation */
.woocommerce-variation .variations td.value .selectable,
.variations td.value .selectable {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  background: #fff;
}

.woocommerce-variation .variations td.value .selectable:hover,
.variations td.value .selectable:hover {
  border-color: #333;
}

/* Button được chọn */
.woocommerce-variation .variations td.value .selectable.selected,
.woocommerce-variation .variations td.value .selectable.active,
.variations td.value .selectable.selected,
.variations td.value .selectable.active {
  background: #333;
  color: #fff;
  border-color: #333;
}

/* ==================== VARIATION BUTTONS FROM JS ==================== */
/* Container cho buttons */
.variation-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}

.variation-buttons .variation-btn {
  display: inline-block;
  padding: 2px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  background: #fff;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin:0;
}

.variation-buttons .variation-btn:hover {
  border-color: #7a8879;
  background: #7a8879a4;
}

.variation-buttons .variation-btn.selected {
  border-color: #7a8879;
  background: #7a8879;
  color: #fff;
}

/* Disabled state */
.variation-buttons .variation-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f5f5f5;
  border-color: #ddd;
}

button[type="submit"],.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:#7a8879 ;color:#fff;}

.lw-size-guide-wrap{
  margin-top: -15px;
  margin-bottom: 15px;
}
.lw-size-guide-wrap .size-guide-trigger {
  display: flex;
    align-items: center;
    gap: 5px;
}
#size-guide-popup{
  text-align: center;
  min-height: 70vh;
}

.hcat .box-image{
  background: #7a8879;
  border-radius: 100%;
}

.category-page-title,#size-guide-popup{
  background: url(./i/header-bg.webp);
  background-size: cover;
}

.category-page-title .title-overlay {
  background-color: rgb(122 136 121 / 70%);
}
.absolute-footer{
  display: none;
}

.price-wrapper .discount{
  background-color: #7a8879;
  color: #fff;
  padding: 2px 10px;
  border-radius: 20px;
  margin: 10px;
}
.product-short-description{
  margin-bottom: -.5em;
}
@media screen and (min-width: 767px){
  .fmenu{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10%;
    justify-content: center;
  }
}
@media (max-width: 849px){
}
@media screen and (max-width: 767px){
    
}