/* ============================================================
   Maison Luxe — WooCommerce styling (phong cach demo)
   ============================================================ */
.ml-woo{ max-width:var(--maxw); margin:0 auto; padding:clamp(24px,4vw,56px) var(--gut) clamp(56px,8vw,110px); }

/* Tieu de trang shop / breadcrumb */
.woocommerce-products-header__title,
.ml-woo h1.entry-title{
  font-family:var(--f-display); text-transform:uppercase; font-weight:800;
  letter-spacing:-.01em; font-size:clamp(26px,4vw,46px); margin:0 0 6px;
}
.woocommerce-breadcrumb{
  font-family:var(--f-body); font-size:11px; text-transform:uppercase; letter-spacing:.16em;
  color:var(--ink-mute); margin-bottom:22px;
}
.woocommerce-result-count{ font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--ink-mute); }
.woocommerce-ordering select{
  font-family:var(--f-body); font-size:12px; border:1px solid var(--line);
  border-radius:var(--r); padding:9px 12px; text-transform:uppercase; letter-spacing:.06em;
}

/* ---------- Luoi san pham (archive) ---------- */
.woocommerce ul.products{ display:grid !important; gap:8px 8px; margin:0 !important; }
.woocommerce ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; padding:0 !important; text-align:left !important; }
@media(min-width:700px){ .woocommerce ul.products[class*="columns-"]{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:699px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); } }

.woocommerce ul.products li.product a img{
  background:var(--tile); margin:0 0 14px; border-radius:0;
  aspect-ratio:4/5; object-fit:cover; transition:transform .6s var(--ease);
}
.woocommerce ul.products li.product:hover a img{ transform:scale(1.04); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--f-display) !important; text-transform:uppercase; font-weight:700;
  font-size:12px !important; letter-spacing:.045em; color:var(--ink); line-height:1.35;
  padding:0 !important; margin:2px 0 5px !important;
}
.woocommerce ul.products li.product .price{
  font-family:var(--f-body); color:var(--ink-soft); font-size:13px; font-weight:500;
}
.woocommerce ul.products li.product .price del{ color:#c2c0bb; opacity:1; margin-right:5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; color:var(--ink); }
/* An nut add-to-cart tren the (giong demo) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{ display:none !important; }
/* Sale badge -> o den "SALE" */
.woocommerce span.onsale{
  background:var(--ink) !important; color:#fff !important; border-radius:0 !important;
  min-height:0 !important; min-width:0 !important; line-height:1 !important; font-size:0 !important;
  padding:0 !important; top:10px !important; left:10px !important; right:auto !important; margin:0 !important;
}
.woocommerce span.onsale::after{
  content:'SALE'; font-family:var(--f-display); font-size:9px; letter-spacing:2px;
  color:#fff; display:block; padding:5px 9px;
}

/* ---------- San pham don (single) ---------- */
.single-product div.product .product_title{
  font-family:var(--f-display); text-transform:uppercase; font-weight:800;
  letter-spacing:-.01em; line-height:1.04; font-size:clamp(22px,3vw,36px);
}
.single-product div.product p.price,
.single-product div.product span.price{ font-family:var(--f-body); color:var(--ink); font-size:20px; }
.single-product div.product p.price del{ color:#b9b7b1; }
.single-product .woocommerce-product-gallery{ background:var(--tile); }

/* Nut den dac, sac net (toan Woo) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order{
  background:var(--ink) !important; color:#fff !important; border:1px solid var(--ink) !important;
  border-radius:var(--r) !important; font-family:var(--f-display) !important;
  text-transform:uppercase !important; letter-spacing:.14em !important; font-weight:700 !important;
  padding:15px 32px !important; box-shadow:none !important; transition:background .25s var(--ease) !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button.alt:hover,
.woocommerce #place_order:hover{ background:#000 !important; }
.woocommerce .button.alt.disabled{ opacity:.5 !important; }

/* Tabs */
.woocommerce-tabs ul.tabs li a{
  font-family:var(--f-display); text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:700;
}
.woocommerce-tabs .panel h2{ font-family:var(--f-display); text-transform:uppercase; font-size:22px; }

/* Quantity + form fields */
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-cart table.cart input{
  border:1px solid var(--line) !important; border-radius:var(--r) !important;
  font-family:var(--f-body) !important; padding:11px 12px !important;
}

/* Related / upsell heading */
.related > h2, .upsells > h2, .cross-sells > h2{
  font-family:var(--f-display); text-transform:uppercase; font-weight:800; font-size:clamp(20px,2.6vw,30px);
}

/* ---------- Cart & Checkout ---------- */
.woocommerce table.shop_table{ border:1px solid var(--line); border-radius:var(--r); }
.woocommerce table.shop_table th{
  font-family:var(--f-display); text-transform:uppercase; letter-spacing:.08em; font-size:12px;
}
.woocommerce .cart_totals h2, .woocommerce-checkout h3, .woocommerce-checkout #order_review_heading{
  font-family:var(--f-display); text-transform:uppercase; font-weight:800;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error{ border-top-color:var(--cognac) !important; }
.woocommerce .woocommerce-message::before, .woocommerce-info::before{ color:var(--cognac) !important; }

/* Notices / links accent */
.woocommerce a{ color:var(--ink); }
.woocommerce a:hover{ color:var(--cognac); }