/* =========================
   WOOCOMMERCE — Duoc Binh Dong
   v2 | brand-woo.css — load PRODUCT PAGE only
   ========================= */

/* =========================
   UL1 — INGREDIENT GRID
   ========================= */
.ul1 {
  border:         1px solid var(--color-primary);
  border-radius:  8px;
  padding:        10px 14px;
  margin:         20px 0;
  list-style:     none;
  display:        grid;
  grid-template-columns: repeat(5, 1fr);
  width:          100%;
}
@media (max-width: 991px) { .ul1 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .ul1 { grid-template-columns: repeat(2, 1fr); } }
.ul1 li {
  position: relative; padding-left: 26px;
  font-size: 15px; line-height: 1.5; color: #333;
}
.ul1 li::before {
  content: ""; position: absolute; left: 0; top: 3px;
  width: 16px; height: 16px;
  background: url('/wp-content/uploads/2025/09/Asset-1@2x-8-1.png') no-repeat center / contain;
}
.ul1 li strong { color: var(--color-primary); }

/* =========================
   WOO TABS
   ========================= */
ul.tabs.wc-tabs::before,
ul.tabs.wc-tabs::after { content: none !important; }

ul.tabs.wc-tabs {
  display: flex !important; justify-content: center !important;
  align-items: stretch !important; background: var(--tab-bg) !important;
  border: 1px solid var(--tab-border) !important; border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 0 !important; margin: 0 0 12px !important; overflow: hidden !important;
}
ul.tabs.wc-tabs > li {
  flex: 1 1 0 !important; min-width: 0 !important;
  display: flex !important; align-items: stretch !important;
  list-style: none !important; margin: 0 !important;
  border-right: 1px solid var(--tab-border) !important;
}
ul.tabs.wc-tabs > li:last-child { border-right: none !important; }
ul.tabs.wc-tabs > li > a {
  display: flex !important; align-items: center !important;
  justify-content: center !important; text-align: center !important;
  width: 100% !important; height: 46px !important; padding: 0 16px !important;
  font-weight: 600 !important; font-size: 15px !important; line-height: 1 !important;
  color: #667085 !important; background: transparent !important;
  border: 0 !important; box-shadow: none !important;
  position: relative !important; text-decoration: none !important;
}
ul.tabs.wc-tabs > li > a:hover { background: #fff !important; color: #2A2E34 !important; }
ul.tabs.wc-tabs > li > a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: transparent;
}
ul.tabs.wc-tabs > li > a[aria-selected="true"] {
  background: #fff !important; color: var(--color-primary) !important;
  font-weight: 700 !important;
  box-shadow: inset 0 3px 0 var(--color-primary) !important;
}
ul.tabs.wc-tabs > li > a[aria-selected="true"]::after { background: var(--color-primary) !important; }
.woocommerce-Tabs-panel { border-top: 1px solid var(--tab-border) !important; padding-top: 12px !important; }

@media (max-width: 768px) {
  ul.tabs.wc-tabs {
    justify-content: flex-start !important; overflow-x: auto !important;
    white-space: nowrap !important; scrollbar-width: thin; scrollbar-color: #ccc transparent;
  }
  ul.tabs.wc-tabs::-webkit-scrollbar       { height: 4px; }
  ul.tabs.wc-tabs::-webkit-scrollbar-track { background: transparent; }
  ul.tabs.wc-tabs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }
  ul.tabs.wc-tabs > li     { flex: 0 0 auto !important; border-right: none !important; }
  ul.tabs.wc-tabs > li > a { height: 42px !important; padding: 0 14px !important; font-size: 14px !important; }
}

/* Tab heading */
.single-product p.rh-heading-icon,
.single-product p.woocommerce-Reviews-title,
.single-product p.mt0 {
  display: block; margin: 0 0 15px; font-size: 20px;
  font-weight: 600; color: #2d2a4a;
  border-bottom: 2px solid var(--color-success); padding-bottom: 5px;
}

/* Mô tả dài */
#mo-ta-dai h2, #mo-ta-dai h3,
#mo-ta-dai h4, #mo-ta-dai h5,
#mo-ta-dai h6 { margin-top: 12px; margin-bottom: 6px; line-height: 1.4; }
#mo-ta-dai p  { margin-top: 4px; margin-bottom: 8px; line-height: 1.6; }

/* =========================
   RATING
   ========================= */
.orangecolor.font200.fontbold,
.woocommerce .star-rating span:before,
.woocommerce p.stars a,
.woocommerce .star-rating:before,
.rhwoostar1.active, .rhwoostar2.active,
.rhwoostar3.active, .rhwoostar4.active,
.rhwoostar5.active { color: #ffd80f !important; }
.woo-rating-bars .rating-percentage-bar span { background-color: #ffd80f !important; }

@media (min-width: 1024px) {
  .woo-rev-part.pl20.pr20.rh-line-left.rh-line-right.rh-flex-grow1 { flex-grow: 0.5 !important; }
}

.single-product .woocommerce-product-rating {
  display: inline-flex !important; align-items: center !important;
  gap: 6px; line-height: 1.4; margin-bottom: 0;
}
.woocommerce-product-rating .woocommerce-review-link {
  line-height: 20px; font-size: 16px; color: #999; margin: 0 5px;
}
.rhwoostar { font-size: 20px !important; line-height: 1 !important; width: auto !important; height: auto !important; }

/* =========================
   BUY BOX
   ========================= */
.single-product .product_meta        { display: none !important; }
.single-product .mb35,
.single-product .mb30                { margin-bottom: 0 !important; }
#woo-button-area.woo-button-area.mb30 { margin-bottom: 0 !important; }
.single-product h1.product_title.entry-title { margin-bottom: 8px !important; }

.single-product .summary form.cart {
  display: flex; align-items: center; gap: 10px; flex-wrap: nowrap;
  width: 100%; border: 0; padding: 0; background: transparent;
  box-shadow: none; box-sizing: border-box;
}
.single-product .summary form.cart * { box-sizing: border-box; }
.single-product .summary form.cart .quantity { margin: 0 !important; flex: 0 0 auto; }
.single-product .summary form.cart .quantity .qty {
  width: 60px; height: 44px; text-align: center; font-weight: 700;
  border: 1px solid #E2E8F0; border-radius: 8px; background: #fff;
}
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .rh-btn-buy-now {
  height: 44px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; white-space: nowrap;
  padding: 0 18px; flex: 0 0 auto; min-width: 150px; max-width: 220px;
}
.single-product .summary form.cart .rh-btn-buy-now {
  background: #fff; border: 1px solid #0a7a29; color: #0a7a29;
}
.single-product .summary form.cart .rh-btn-buy-now:hover { background: #0a7a29; color: #fff; }

@media (max-width: 480px) {
  .single-product .summary form.cart { gap: 8px; }
  .single-product .summary form.cart .quantity .qty { width: 40px; height: 40px; }
  .single-product .summary form.cart .single_add_to_cart_button,
  .single-product .summary form.cart .rh-btn-buy-now {
    flex: 1 1 0; min-width: 0; max-width: 100%;
    height: 40px; padding: 0 10px; font-size: 14px;
  }
}
@media (max-width: 360px) {
  .single-product .summary form.cart { flex-wrap: wrap; }
  .single-product .summary form.cart .single_add_to_cart_button,
  .single-product .summary form.cart .rh-btn-buy-now {
    flex: 1 1 100%; max-width: 100%; height: 40px; font-size: 14px;
  }
  .single-product .summary form.cart .quantity { order: -1; margin-bottom: 6px !important; }
}

/* Biến thể */
.single-product .summary form.variations_form.cart {
  display: flex !important; flex-direction: column !important;
  align-items: stretch !important; width: 100% !important; gap: 12px !important;
}

/* =========================
   PRICE
   ========================= */
.single-product .re_wooinner_cta_wrapper { min-height: 80px; }
.single-product .re_wooinner_cta_wrapper p.price { padding: 4px 0 0 !important; line-height: 1.2; }
.single-product .woo-price-area .price,
.single-product .re_wooinner_cta_wrapper .price ins {
  font-size: 30px !important; font-weight: 800;
  color: rgb(255,97,97); text-decoration: none; line-height: 1.2;
}
.single-product .re_wooinner_cta_wrapper .price del {
  font-size: 20px; color: #333; margin-left: 8px; font-weight: 500;
}
@media (max-width: 768px) {
  .single-product .re_wooinner_cta_wrapper .price ins { font-size: 24px; }
  .single-product .re_wooinner_cta_wrapper .price del { font-size: 14px; }
}
.single-product .re_wooinner_cta_wrapper .note-vat {
  margin: 6px 0 8px; font-size: 14px; color: #555; font-style: italic;
}
.single-product .re_wooinner_cta_wrapper .woocommerce-product-details__short-description {
  margin-top: 10px; padding-top: 8px; border-top: 1px solid #e5e7eb;
  font-size: 15px; line-height: 1.5; color: #333;
}
.woocommerce-product-details__short-description {
  font-size: 18px !important; line-height: 1.5;
  color: var(--color-primary); margin-top: 8px; font-weight: 600;
}

/* =========================
   FLOATING BAR
   ========================= */
.float-panel-woo-button.rh-flex-center-align.rh-flex-right-align .single_add_to_cart_button {
  font-size: 14px !important; padding: 6px 16px !important;
  line-height: 1.4 !important; height: auto !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.flowhidden.rh-float-panel.scrollingDown.floating .woo-price-area,
.flowhidden.rh-float-panel.scrollingDown.floating .float-panel-woo-price {
  display: flex; align-items: center;
  opacity: 1 !important; color: #0a7a29 !important;
  font-weight: 700 !important; font-size: 16px !important;
  line-height: 1.2 !important; white-space: nowrap !important;
  flex: 0 0 auto !important; flex-shrink: 0; order: 0; margin-right: 12px;
}
.flowhidden.rh-float-panel.scrollingDown.floating .price ins,
.flowhidden.rh-float-panel.scrollingDown.floating .price ins .woocommerce-Price-amount {
  color: rgb(255,97,97) !important; font-weight: 800 !important; text-decoration: none !important;
}
.float-panel-woo-info .float-panel-woo-title {
  font-size: 16px !important; font-weight: 600 !important;
  line-height: 1.3 !important; color: #222 !important;
  font-family: inherit !important; margin: 0 !important; padding: 0 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%;
}
.float-panel-woo-info .float-panel-woo-tabs {
  display: flex !important; justify-content: center !important; align-items: center !important;
  font-size: 12px !important; font-weight: 600 !important;
  gap: 4px; margin-top: 6px !important; padding: 4px 0; height: 28px;
}
.float-panel-woo-info .float-panel-woo-tabs li a {
  color: #666 !important; font-weight: 500; transition: color .2s ease;
}
@media (max-width: 768px) {
  .float-panel-woo-info .float-panel-woo-title { font-size: 13px !important; max-width: 55%; }
  .float-panel-woo-info .float-panel-woo-tabs  { font-size: 11.5px !important; }
}

/* =========================
   MINI CART & MISC
   ========================= */
#rh-woo-cart-panel .mini_container_cta,
#rh-woo-cart-panel .mini_container_cta p,
#rh-woo-cart-panel .mini_container_cta span { font-size: 13px !important; line-height: 1.35 !important; }
#rh-woo-cart-panel .mini_container_cta { word-break: break-word; }
.var-inline .var-price             { display: none; }
.woocommerce-variation-add-to-cart { display: flex; gap: 15px; }