/*!
Theme Name: Rivor
Theme URI: http://underscores.me/
Author: Rivor
Author URI: http://Rivor
Description: Rivor
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rivor
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rivor is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.hnh-sizechart-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}
.woocommerce-order {
  max-width: 900px;
  margin: 30px auto;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  font-family: "Arial", sans-serif;
}

/* Thông báo thành công */
.woocommerce-notice.woocommerce-thankyou-order-received {
  background: #e6f9ec;
  color: #1a7c33;
  padding: 15px 20px;
  border-left: 5px solid #28a745;
  border-radius: 8px;
  margin-bottom: 20px;
  font-weight: 600;
}

/* Tổng quan đơn hàng */
.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  list-style: none;
  margin: 20px 0;
}

.woocommerce-order-overview li {
  flex: 1 1 200px;
  padding: 12px 15px;
  background: #f9fafc;
  border-radius: 8px;
  border: 1px solid #e1e5eb;
  font-size: 15px;
  color: #333;
}

.woocommerce-order-overview li strong {
  display: block;
  margin-top: 5px;
  font-weight: 700;
  color: #000c50;
}

/* Bảng chi tiết đơn hàng */
.woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 15px;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 12px 15px;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
}

.woocommerce-table--order-details th {
  background: #000c50;
  color: #fff;
  font-weight: 600;
}

.woocommerce-table--order-details tfoot th {
  background: #f8f8f8;
  font-weight: 600;
  color: #333;
}

.woocommerce-table--order-details tfoot td {
  font-weight: 700;
  color: #000c50;
}

/* Tiêu đề h2 */
.woocommerce-order-details__title,
.woocommerce-column__title {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 10px;
  color: #000c50;
  border-left: 4px solid #000c50;
  padding-left: 10px;
}

/* Địa chỉ khách hàng */
.woocommerce-customer-details address {
  background: #f9fafc;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #e1e5eb;
  line-height: 1.6;
  font-size: 15px;
  color: #333;
}

.woocommerce-customer-details p {
  margin: 5px 0;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .woocommerce-order {
    padding: 15px;
  }

  .woocommerce-order-overview {
    flex-direction: column;
  }

  .woocommerce-table--order-details th,
  .woocommerce-table--order-details td {
    padding: 10px;
    font-size: 14px;
  }
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
    border-color: #A7144C !important;
}

.yith-wcan-filters {
   
    background: transparent !important;
    
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item, .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    color: #fff !important;
    background: transparent !important;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 66px;
    height: 66px;
}
.yith-wcan-filters .yith-wcan-filter .filter-title {
    color: #fff !important;
    text-transform: uppercase;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
    color: #fff !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover {
    color: #fff !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
    color: #fff !important;
    text-decoration: none;
}
div#tab-description img {
    width: 100%;
    height: auto;
}
h1.product_title.entry-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.counter-sale-off {
    display: none;
}

.product_meta {
    display: none;
}

h2.h4.accordion__title.inline-richtext {
    text-transform: uppercase;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {
    background-color: var(--yith-wcan-labels_style_background, #fff);
    box-shadow: 0 0 0 1px #D7D7D7;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px 10px;
    padding: 7px;
    text-align: center;
    width: 30px;
    height: 30px;
    background: transparent !important;
}
.woocommerce-tabs.wc-tabs-wrapper {
    clear: both;
    overflow: hidden;
}

/* Wrapper chính của biến thể */
body.single-product .single_variation_wrap {
  
  
  border-radius: 6px;
}
s.price-item.price-item--regular.old-price span.woocommerce-Price-amount.amount {
    text-decoration: line-through !important;
}
/* ========== CƠ BẢN ========== */
body.woocommerce-cart {
  background-color: #000;
  color: #fff;
  font-family: sans-serif;
  padding: 1em;
}

/* Links */
body.woocommerce-cart a {
  color: #fff;
  text-decoration: none;
}
body.woocommerce-cart a:hover {
  text-decoration: underline;
}

/* Bảng sản phẩm */
body.woocommerce-cart table.wc-block-cart-items {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5em;
  border: 1px solid #fff;
}
body.woocommerce-cart table.wc-block-cart-items thead th {
  background-color: #111;
  color: #fff;
  padding: 0.75em 1em;
  border-bottom: 2px solid #fff;
  text-align: left;
}
body.woocommerce-cart table.wc-block-cart-items tbody td {
  background-color: #000;
  color: #fff;
  padding: 0.75em 1em;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}

/* Ảnh sản phẩm */
body.woocommerce-cart img {
  max-width: 80px;
  height: auto;
  display: block;
}

/* Tên & giá sản phẩm */
body.woocommerce-cart .wc-block-components-product-name {
  font-weight: 600;
  color: #fff;
}
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-formatted-money-amount {
  color: #fff;
  font-weight: 500;
}

/* Badge “Tiết kiệm” */
body.woocommerce-cart .wc-block-components-product-badge,
body.woocommerce-cart .wc-block-components-sale-badge {
  background-color: #111;
  color: #fff;
  padding: 0.25em 0.5em;
  font-size: 0.85em;
  display: inline-block;
  margin-top: 0.5em;
  border: 1px solid #fff;
}

/* Bộ chọn số lượng */
body.woocommerce-cart .wc-block-components-quantity-selector {
  display: flex;
  align-items: center;
  margin-top: 0.75em;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input {
  width: 3em;
  text-align: center;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  margin: 0 0.5em;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button {
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:disabled {
  opacity: 0.3;
  cursor: default;
}

/* Nút xóa sản phẩm */
body.woocommerce-cart .wc-block-cart-item__remove-link {
  display: inline-block;
  margin-top: 0.75em;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.4em 0.8em;
  text-transform: uppercase;
  font-size: 0.85em;
  cursor: pointer;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
  background-color: #fff;
  color: #000;
}

/* Thanh tổng cộng */
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
  border-top: 2px solid #fff;
  padding-top: 1em;
  margin-top: 2em;
}
body.woocommerce-cart .wc-block-cart__totals-title {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0.5em;
  color: #fff;
}
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
  color: #fff;
}
body.woocommerce-cart .wc-block-components-totals-item__value {
  font-weight: 600;
}

/* Nút “Tiến hành thanh toán” */
body.woocommerce-cart .wc-block-components-button {
  display: inline-block;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.75em 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  margin-top: 1em;
}
body.woocommerce-cart .wc-block-components-button:hover {
  background-color: #fff;
  color: #000;
}

/* ========== RESPONSIVE ========== */
/* Tablet (≤1024px) */
@media (max-width: 1024px) {
  body.woocommerce-cart .wc-block-components-sidebar-layout {
    display: flex;
    flex-direction: column;
  }
  body.woocommerce-cart .wc-block-components-main,
  body.woocommerce-cart .wc-block-components-sidebar {
    width: 100% !important;
  }
  body.woocommerce-cart .wc-block-components-sidebar {
    margin-top: 2em;
  }
  body.woocommerce-cart .wc-block-components-main {
    margin-bottom: 2em;
  }
}

/* Mobile lớn (≤768px): card layout */
@media (max-width: 768px) {
  body.woocommerce-cart table.wc-block-cart-items thead {
    display: none;
  }
  body.woocommerce-cart table.wc-block-cart-items tr {
    display: block;
    margin-bottom: 1.5em;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 1em;
    background: #000;
  }
  body.woocommerce-cart table.wc-block-cart-items td {
    display: block;
    border: none;
    padding: 0.5em 0;
    position: relative;
    text-align: left;
    color: #fff;
  }
  body.woocommerce-cart table.wc-block-cart-items td:nth-of-type(1)::before { content: "Sản phẩm"; }
  body.woocommerce-cart table.wc-block-cart-items td:nth-of-type(2)::before { content: "Chi tiết"; }
  body.woocommerce-cart table.wc-block-cart-items td:nth-of-type(3)::before { content: "Tổng"; }
  body.woocommerce-cart table.wc-block-cart-items td::before {
    font-weight: 600;
    display: block;
    margin-bottom: 0.3em;
  }
}

/* Mobile nhỏ (≤480px): thu gọn nút, chữ nhỏ */
@media (max-width: 480px) {
  body.woocommerce-cart .wc-block-components-button,
  body.woocommerce-cart .wc-block-cart-item__remove-link {
    padding: 0.6em 1em;
    font-size: 0.85em;
  }
  body.woocommerce-cart .wc-block-components-quantity-selector__button {
    width: 1.8em;
    height: 1.8em;
    line-height: 1.6em;
  }
  body.woocommerce-cart .wc-block-components-quantity-selector__input {
    width: 2.5em;
    margin: 0 0.3em;
  }
  body.woocommerce-cart img {
    max-width: 60px;
  }
}
/* ========== CƠ BẢN ========== */
body.woocommerce-checkout {
  background-color: #000;
  color: #fff;
  font-family: sans-serif;
  padding: 1em;
  line-height: 1.4;
}

/* Links */
body.woocommerce-checkout a {
  color: #fff;
  text-decoration: none;
}
body.woocommerce-checkout a:hover {
  text-decoration: underline;
}

/* Form chung */
body.woocommerce-checkout .wc-block-components-form input,
body.woocommerce-checkout .wc-block-components-form select,
body.woocommerce-checkout .wc-block-components-form textarea {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.6em;
  margin-bottom: 1em;
  border-radius: 4px;
  box-sizing: border-box;
}
body.woocommerce-checkout .wc-block-components-form label {
  display: block;
  margin-bottom: 0.3em;
  color: #fff;
  font-weight: 500;
}

/* Fieldset & bước */
body.woocommerce-checkout fieldset.wc-block-components-checkout-step {
  border: 1px solid #fff;
  padding: 1em;
  margin-bottom: 2em;
  border-radius: 6px;
}
body.woocommerce-checkout legend.screen-reader-text {
  /* Ẩn legend cho assistive tech */
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; overflow: hidden; padding: 0; border: 0;
}
body.woocommerce-checkout .wc-block-components-checkout-step__title {
  color: #fff;
  font-size: 1.25em;
  margin-bottom: 0.5em;
}

/* Thông báo lỗi / success */
body.woocommerce-checkout .wc-block-components-notice-banner {
  background-color: #111;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.75em 1em;
  border-radius: 4px;
  margin-bottom: 1em;
}

/* Checkbox & radio */
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-checkbox__input {
  color: #fff;
}
body.woocommerce-checkout .wc-block-components-checkbox__input {
  margin-right: 0.5em;
}

/* Select custom arrow */
body.woocommerce-checkout .wc-blocks-components-select {
  position: relative;
  margin-bottom: 1em;
}
body.woocommerce-checkout .wc-blocks-components-select__select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.6em;
  width: 100%;
  border-radius: 4px;
}
body.woocommerce-checkout .wc-blocks-components-select__expand {
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  fill: #fff;
  pointer-events: none;
}

/* Nút “Quay lại giỏ hàng” */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
  display: inline-flex;
  align-items: center;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  padding: 0.6em 1em;
  border-radius: 4px;
  margin-bottom: 1em;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
  background: #fff;
  color: #000;
}

/* Nút “Đặt hàng” */
body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.8em 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 1em;
}
body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:hover {
  background: #fff;
  color: #000;
}

/* Sidebar tóm tắt đơn hàng */
body.woocommerce-checkout .wc-block-components-sidebar {
  border: 1px solid #fff;
  padding: 1em;
  border-radius: 6px;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
  color: #fff;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  display: inline-block;
}
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value {
  color: #fff;
}
body.woocommerce-checkout .wc-block-components-totals-item__value {
  font-weight: 600;
}

/* Layout chính + sidebar */
body.woocommerce-checkout .wc-block-components-sidebar-layout {
  display: flex;
  gap: 2em;
}
body.woocommerce-checkout .wc-block-components-main {
  flex: 2;
}
body.woocommerce-checkout .wc-block-components-sidebar {
  flex: 1;
}

/* ========== RESPONSIVE ========== */
/* Tablet (≤1024px): chuyển sidebar xuống dưới */
@media (max-width: 1024px) {
  body.woocommerce-checkout .wc-block-components-sidebar-layout {
    flex-direction: column;
  }
  body.woocommerce-checkout .wc-block-components-sidebar {
    margin-top: 2em;
  }
}

/* Mobile lớn (≤768px): thu gọn padding và font */
@media (max-width: 768px) {
  body.woocommerce-checkout {
    padding: 0.5em;
  }
  body.woocommerce-checkout .wc-block-components-form input,
  body.woocommerce-checkout .wc-block-components-form select,
  body.woocommerce-checkout .wc-block-components-form textarea {
    padding: 0.5em;
    font-size: 0.95em;
  }
  body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
  body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button {
    padding: 0.6em 1em;
    font-size: 0.95em;
  }
}

/* Mobile nhỏ (≤480px): tối ưu input và button nhỏ gọn */
@media (max-width: 480px) {
  body.woocommerce-checkout .wc-block-components-form input,
  body.woocommerce-checkout .wc-block-components-form select,
  body.woocommerce-checkout .wc-block-components-form textarea {
    padding: 0.4em;
    font-size: 0.9em;
  }
  body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
  body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button {
    padding: 0.5em 0.8em;
    font-size: 0.9em;
  }
}

/* Hiển thị thông tin biến thể */
body.single-product .single_variation_wrap .woocommerce-variation {
  font-size: 1rem;
  color: #333;
  margin-bottom: 15px;
}

/* Container nút tăng giảm số lượng */
body.single-product .single_variation_wrap .quantity {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* Các nút +/- */
body.single-product .single_variation_wrap .quantity .button {
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 1.25rem;
  color: #555;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
body.single-product .single_variation_wrap .quantity .button:hover {
  background-color: #f0f0f0;
  color: #000;
}

/* Input số lượng */
body.single-product .single_variation_wrap .quantity input[type="number"] {
  width: 60px;
  height: 36px;
  margin: 0 8px;
  padding: 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  color: #333;
}

/* Nút thêm vào giỏ hàng */
body.single-product .single_variation_wrap .single_add_to_cart_button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: #222;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
body.single-product .single_variation_wrap .single_add_to_cart_button:hover:not(.disabled) {
  background-color: #444;
}

/* Khi chưa chọn đủ biến thể */
body.single-product .single_variation_wrap .single_add_to_cart_button.disabled,
body.single-product .single_variation_wrap .single_add_to_cart_button:disabled {
  background-color: #999;
  cursor: not-allowed;
  opacity: 0.7;
}