/*!
Theme Name: dulichdep
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: bmk
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.

dulichdep 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 

/* ============ Woo Mini Cart: widget_shopping_cart_content ============ */


/* =========================================================
   VT Mini Cart (Offcanvas) – clean, modern, Bootstrap-friendly
   Targets your markup: #vt-mini-cart.vt-minicart + .vt-mini-*
   ========================================================= */

:root{
  --vt-accent: #ff2020;
  --vt-border: rgba(148,163,184,.30);
  --vt-text: rgba(15,23,42,.92);
  --vt-muted: rgba(71,85,105,.90);
  --vt-surface: #ffffff;
  --vt-surface-2: rgba(248,250,252,1);
  --vt-shadow: 0 14px 30px rgba(15,23,42,.10);
}

/* --- container --- */
#vt-mini-cart.vt-minicart{
  padding: .25rem 0 0;
}

/* List reset */
#vt-mini-cart .woocommerce-mini-cart{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .75rem;
}

/* Item card */
#vt-mini-cart .vt-mini-item{
  position: relative;
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  background: var(--vt-surface);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  padding: .75rem .75rem .7rem;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#vt-mini-cart .vt-mini-item:hover{
  transform: translateY(-1px);
  border-color: rgba(255,32,32,.25);
  box-shadow: 0 16px 34px rgba(15,23,42,.12);
}

/* Remove button (x) */
#vt-mini-cart .vt-mini-remove{
  position: absolute;
  top: .55rem;
  right: .55rem;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: rgba(15,23,42,.55);
  background: rgba(15,23,42,.05);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
#vt-mini-cart .vt-mini-remove:hover{
  background: rgba(255,32,32,.12);
  color: var(--vt-accent);
  transform: scale(1.03);
}

/* Product row */
#vt-mini-cart .vt-mini-product{
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: .75rem;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding-right: 2.25rem; /* avoid overlap with remove btn */
}

/* Thumbnail */
#vt-mini-cart .vt-mini-thumb{
  width: 72px;
  height: 52px;
  border-radius: .75rem;
  overflow: hidden;
  background: rgba(15,23,42,.06);
  box-shadow: 0 10px 18px rgba(15,23,42,.10);
}
#vt-mini-cart .vt-mini-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Title */
#vt-mini-cart .vt-mini-title{
  font-weight: 800;
  color: var(--vt-text);
  line-height: 1.25;
  font-size: .98rem;
}

/* Meta area (if you later add variations) */
#vt-mini-cart .vt-mini-meta{
  margin-top: .35rem;
  color: var(--vt-muted);
  font-size: .9rem;
}

/* Qty + price row */
#vt-mini-cart .vt-mini-qtyprice{
  margin-top: .55rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  padding-top: .55rem;
  border-top: 1px dashed rgba(148,163,184,.40);
}
#vt-mini-cart .vt-mini-qty{
  display: none;
  color: rgba(71,85,105,.95);
  font-weight: 700;
  font-size: .92rem;
}
#vt-mini-cart .vt-mini-unitprice,
#vt-mini-cart .woocommerce-Price-amount{
  font-weight: 900;
  color: var(--vt-accent);
}
#vt-mini-cart .woocommerce-Price-currencySymbol{
  font-weight: 900;
}

/* Subtotal */
#vt-mini-cart .vt-mini-total{
  margin: 1rem 0 .75rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,32,32,.08), rgba(255,32,32,.04));
  border: 1px solid rgba(255,32,32,.18);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  box-shadow: 0 12px 22px rgba(15,23,42,.08);
}
#vt-mini-cart .vt-mini-total strong{
  color: rgba(15,23,42,.85);
}
#vt-mini-cart .vt-mini-total .amount{
  font-size: 1.05rem;
}

/* Hide Woo default buttons block if you're using vt-sheet-footer */
#vt-mini-cart .vt-mini-buttons{
  display: none;
}

/* Footer buttons (your vt-sheet-footer) */
.offcanvas-body .vt-sheet-footer{
  position: sticky;
  bottom: 0;
  padding: .75rem 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.92) 35%, rgba(255,255,255,1));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-top: .75rem;
}
.offcanvas-body .vt-sheet-footer .btn{
  border-radius: 999px;
  font-weight: 800;
  padding: .75rem 1rem;
}
.offcanvas-body .vt-sheet-footer .btn-primary{
  background: var(--vt-accent);
  border-color: var(--vt-accent);
  box-shadow: 0 12px 26px rgba(255,32,32,.22);
}
.offcanvas-body .vt-sheet-footer .btn-primary:hover{
  filter: brightness(.97);
}
.offcanvas-body .vt-sheet-footer .btn-outline-secondary{
  border-color: rgba(15,23,42,.18);
}

/* Empty cart message (Woo default) */
#vt-mini-cart .woocommerce-mini-cart__empty-message{
  margin: .5rem 0 0;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--vt-surface-2);
  border: 1px solid var(--vt-border);
  color: rgba(71,85,105,.95);
}

/* --- Dark mode (Bootstrap 5.3) --- */
[data-bs-theme="dark"]{
  --vt-border: rgba(148,163,184,.22);
  --vt-text: rgba(226,232,240,.95);
  --vt-muted: rgba(203,213,225,.85);
  --vt-surface: rgba(15,23,42,.62);
  --vt-surface-2: rgba(30,41,59,.70);
  --vt-shadow: 0 18px 40px rgba(0,0,0,.35);
}

[data-bs-theme="dark"] #vt-mini-cart .vt-mini-item{
  background: var(--vt-surface);
  border-color: var(--vt-border);
  box-shadow: var(--vt-shadow);
}
[data-bs-theme="dark"] #vt-mini-cart .vt-mini-title{
  color: var(--vt-text);
}
[data-bs-theme="dark"] #vt-mini-cart .vt-mini-remove{
  background: rgba(226,232,240,.08);
  color: rgba(226,232,240,.7);
  box-shadow: inset 0 0 0 1px rgba(226,232,240,.08);
}
[data-bs-theme="dark"] #vt-mini-cart .vt-mini-remove:hover{
  background: rgba(255,32,32,.18);
  color: #fff;
}
[data-bs-theme="dark"] #vt-mini-cart .vt-mini-total{
  background: linear-gradient(180deg, rgba(255,32,32,.16), rgba(255,32,32,.08));
  border-color: rgba(255,32,32,.22);
}
[data-bs-theme="dark"] .offcanvas-body .vt-sheet-footer{
  background: linear-gradient(180deg, rgba(15,23,42,0), rgba(15,23,42,.88) 35%, rgba(15,23,42,1));
}




/* =========================================================
   Checkout UI polish (Bootstrap 5 + brand #d33673)
   ========================================================= */

/* Layout overall */
.woocommerce-checkout #checkout{
  --ck-border: rgba(15, 23, 42, 0.12);
  --ck-muted: rgba(15, 23, 42, 0.62);
  --ck-strong: rgba(15, 23, 42, 0.92);
}

/* Headline */
.woocommerce-checkout #checkout h1,
.woocommerce-checkout #checkout .h1,
.woocommerce-checkout #checkout .h2,
.woocommerce-checkout #checkout .h3{
  letter-spacing: -0.02em;
}

/* Cards (giữ vibe rounded lớn + shadow nhẹ, nhìn “premium” hơn) */
.woocommerce-checkout .ck-card{
  border: 1px solid var(--ck-border);
  border-radius: 1.25rem;
  padding: 1.25rem;
  background: #fff;
  box-shadow: 0 .18rem .8rem rgba(15, 23, 42, 0.08);
}

@media (min-width: 992px){
  .woocommerce-checkout .ck-card{ padding: 1.4rem; }
}

/* Make coupon card + summary card feel consistent */
.woocommerce-checkout .ck-card--compact{ padding: 1rem; }

/* Sticky column spacing */
@media (min-width: 992px){
  .woocommerce-checkout .ck-sticky{ position: sticky; top: 96px; }
}

/* Muted / strong text helpers */
.woocommerce-checkout .ck-text-muted{ color: var(--ck-muted); }
.woocommerce-checkout .ck-text-strong{ color: var(--ck-strong); }

/* =========================================================
   Form controls (sạch, bo mềm, focus ring theo brand)
   ========================================================= */
.woocommerce-checkout .form-row label{
  font-weight: 600;
  margin-bottom: .4rem;
  color: rgba(33, 37, 41, 0.85);
}

.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row input[type="password"],
.woocommerce-checkout .form-row input[type="number"],
.woocommerce-checkout .form-row input[type="search"],
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select{
  border-radius: .9rem;
  padding: .62rem .85rem;
  border: 1px solid #ced4da;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

/* Focus ring theo brand */
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus{
  border-color: rgba(var(--bs-primary-rgb), 0.55);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.16);
  outline: 0;
}

/* Invalid state */
.woocommerce-checkout .form-row.woocommerce-invalid input,
.woocommerce-checkout .form-row.woocommerce-invalid textarea,
.woocommerce-checkout .form-row.woocommerce-invalid select{
  border-color: #dc3545;
}
.woocommerce-checkout .form-row.woocommerce-invalid input:focus,
.woocommerce-checkout .form-row.woocommerce-invalid textarea:focus,
.woocommerce-checkout .form-row.woocommerce-invalid select:focus{
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.16);
}

/* Select2 match */
.woocommerce-checkout .select2-container{ width: 100% !important; }
.woocommerce-checkout .select2-container .select2-selection--single{
  border-radius: .9rem;
  padding: .62rem .85rem;
  border: 1px solid #ced4da;
}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single{
  border-color: rgba(var(--bs-primary-rgb), 0.55);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.16);
}

/* Required mark */
.woocommerce-checkout .required,
.woocommerce-checkout abbr.required{
  color: var(--bs-primary);
  text-decoration: none;
  border: 0;
}

/* =========================================================
   Buttons (brand gradient nhẹ, hover mượt)
   ========================================================= */
.woocommerce-checkout .button,
.woocommerce-checkout button,
.woocommerce-checkout #place_order{
  border-radius: 1rem;
  font-weight: 800;
}

/* Place order */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt{
  width: 100%;
  padding: .95rem 1rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.18);
  background: linear-gradient(180deg,
    rgba(var(--bs-primary-rgb), 1) 0%,
    rgba(var(--bs-primary-rgb), .92) 100%);
  box-shadow: 0 .25rem 1rem rgba(var(--bs-primary-rgb), 0.22);
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover{
  background: var(--ck-primary-hover);
}

.woocommerce-checkout #place_order:active,
.woocommerce-checkout .button.alt:active{
  background: var(--ck-primary-active);
  transform: translateY(1px) scale(.99);
}

.woocommerce-checkout #place_order:focus{
  box-shadow:
    0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.18),
    0 .25rem 1rem rgba(var(--bs-primary-rgb), 0.22);
}

/* Secondary buttons */
.woocommerce-checkout .btn-outline-secondary,
.woocommerce-checkout .button:not(.alt):not(#place_order){
  border-color: rgba(15, 23, 42, 0.14);
}
.woocommerce-checkout .btn-outline-secondary:hover,
.woocommerce-checkout .button:not(.alt):not(#place_order):hover{
  background: rgba(15, 23, 42, 0.04);
}

/* =========================================================
   Payment methods look nicer
   ========================================================= */
.woocommerce-checkout #payment ul.payment_methods{
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-checkout #payment ul.payment_methods > li{
  border: 1px solid var(--ck-border);
  border-radius: 1rem;
  padding: .9rem 1rem;
  background: rgba(255,255,255,0.9);
  transition: border-color .15s ease, box-shadow .15s ease, transform .06s ease;
}
.woocommerce-checkout #payment ul.payment_methods > li + li{ margin-top: .75rem; }
.woocommerce-checkout #payment ul.payment_methods > li:hover{
  border-color: rgba(var(--bs-primary-rgb), 0.32);
  box-shadow: 0 .2rem .8rem rgba(15, 23, 42, 0.08);
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]{
  margin-right: .5rem;
  vertical-align: -0.15em;
}
.woocommerce-checkout #payment div.payment_box{
  margin-top: .75rem;
  padding: .85rem 1rem;
  border-radius: 1rem;
  background: rgba(var(--bs-primary-rgb), 0.06);
  border: 1px solid rgba(var(--bs-primary-rgb), 0.14);
}

/* =========================================================
   Order review table + total card tint brand
   ========================================================= */
.woocommerce-checkout table.shop_table{
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--ck-border);
}
.woocommerce-checkout table.shop_table thead th{
  background: rgba(var(--bs-primary-rgb), 0.06);
}
.woocommerce-checkout .ck-total-card{
  border-radius: 1rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.20);
  background: rgba(var(--bs-primary-rgb), 0.07);
}
.woocommerce-checkout .ck-text-brand{ color: var(--bs-primary); }

/* =========================================================
   Notices -> match brand
   ========================================================= */
.woocommerce-checkout .woocommerce-info{
  border-color: rgba(var(--bs-primary-rgb), 0.22);
  background: rgba(var(--bs-primary-rgb), 0.07);
  color: rgba(15, 23, 42, 0.80);
}



/* =========================================================
   CusRev (Customer Reviews for WooCommerce) – Modern Facelift
   Tested w/ CusRev 5.94.x selectors
   Paste into: Appearance > Customize > Additional CSS
   ========================================================= */

.woocommerce #reviews,
.woocommerce div#reviews.cr-reviews-ajax-reviews {
  --cr-bg: #ffffff;
  --cr-surface: #f6f7fb;
  --cr-border: #e6e8f0;
  --cr-text: #0f172a;
  --cr-muted: #667085;
  --cr-accent: #2563eb;
  --cr-accent-2: #16a34a;
  --cr-danger: #dc2626;
  --cr-radius: 14px;
  --cr-radius-sm: 10px;
  --cr-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --cr-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);

  color: var(--cr-text);
}

/* ---------- Title ---------- */
.woocommerce #reviews .woocommerce-Reviews-title,
.woocommerce #reviews.cr-reviews-ajax-reviews #comments > .woocommerce-Reviews-title {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.2px;
  color: var(--cr-text);

  /* nếu bạn muốn cảm giác “inline” giống span */
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.woocommerce #reviews .woocommerce-Reviews-title span {
  font-weight: 700;
  color: var(--cr-muted);
}

/* ---------- Summary box (histogram) ---------- */
.woocommerce #reviews .cr-summaryBox-wrap {
  background: transparent;
  padding: 0;
  margin: 10px 0 18px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.woocommerce #reviews .ivole-summaryBox,
.woocommerce #reviews .cr-overall-rating-wrap,
.woocommerce #reviews .cr-total-rating-count {
  background: var(--cr-bg);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  box-shadow: var(--cr-shadow);
}

.woocommerce #reviews .ivole-summaryBox {
  padding: 14px;
}

.woocommerce #reviews .cr-overall-rating-wrap {
  padding: 14px;
  display: flex;
  gap: 14px;
  align-items: center;
}

.woocommerce #reviews .cr-average-rating {
  color: var(--cr-text);
  font-weight: 900;
  letter-spacing: -0.4px;
}

.woocommerce #reviews .cr-total-rating-count {
  padding: 12px 14px;
}
.woocommerce #reviews .cr-total-rating-count p {
  margin: 0;
  color: var(--cr-muted);
  font-weight: 600;
}

/* CTA button “Add review” */
.woocommerce #reviews .cr-ajax-reviews-add-review {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: var(--cr-accent);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  transition: transform .08s ease, filter .15s ease;
}
.woocommerce #reviews .cr-ajax-reviews-add-review:hover {
  filter: brightness(0.96);
}
.woocommerce #reviews .cr-ajax-reviews-add-review:active {
  transform: translateY(1px);
}

/* Histogram bar */
.woocommerce #reviews .cr-histogramTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.woocommerce #reviews .ivole-histogramCell1,
.woocommerce #reviews .ivole-histogramCell3 {
  font-size: 13px;
  color: var(--cr-muted);
  font-weight: 700;
  white-space: nowrap;
}
.woocommerce #reviews .ivole-histogramCell2 {
  width: 100%;
}
.woocommerce #reviews .ivole-meter {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(102,112,133,.15);
  box-shadow: inset 0 1px 2px rgba(15,23,42,.06);
}
.woocommerce #reviews .ivole-meter-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--cr-accent), #60a5fa);
  color: transparent; /* đừng hiện chữ trong bar */
}
.woocommerce #reviews .ivole-histogramRow-s .ivole-meter {
  background: rgba(37,99,235,.18);
}

/* ---------- Search + Tags + Count row ---------- */
.woocommerce #reviews .cr-ajax-search {
  background: var(--cr-bg);
  border: 1px solid var(--cr-border);
  border-radius: 999px;
  padding: 10px 12px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  margin: 14px 0 10px;
}
.woocommerce #reviews .cr-ajax-search > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.woocommerce #reviews input.cr-input-text {
  border: 0 !important;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: 14px;
  color: var(--cr-text);
}
.woocommerce #reviews .cr-clear-input {
  cursor: pointer;
  opacity: .75;
  transition: opacity .15s ease;
}
.woocommerce #reviews .cr-clear-input:hover {
  opacity: 1;
}

.woocommerce #reviews .cr-review-tags-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 6px;
}
.woocommerce #reviews .cr-review-tags-filter .cr-tag {
  background: rgba(37,99,235,.08);
  color: var(--cr-accent);
  border: 1px solid rgba(37,99,235,.18);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: background .15s ease, transform .08s ease;
}
.woocommerce #reviews .cr-review-tags-filter .cr-tag:hover {
  background: rgba(37,99,235,.12);
}
.woocommerce #reviews .cr-review-tags-filter .cr-tag:active {
  transform: translateY(1px);
}

.woocommerce #reviews .cr-count-row {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 6px;
  padding: 10px 12px;
  background: var(--cr-surface);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
}
.woocommerce #reviews .cr-count-row-count {
  font-weight: 800;
  color: var(--cr-text);
}
.woocommerce #reviews select.cr-ajax-reviews-sort {
  border: 1px solid var(--cr-border);
  background: var(--cr-bg);
  border-radius: 12px;
  padding: 8px 10px;
  font-weight: 700;
  color: var(--cr-text);
}
.woocommerce #reviews select.cr-ajax-reviews-sort:focus {
  outline: none;
  box-shadow: var(--cr-ring);
  border-color: rgba(37,99,235,.5);
}

/* ---------- Review list (cards) ---------- */
.woocommerce #reviews #comments,
.woocommerce #reviews #comments.cr-reviews-ajax-comments {
  margin-top: 0;
}
.woocommerce #reviews ol.commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.woocommerce #reviews ol.commentlist li {
  margin: 0;
  padding: 0;
}

.woocommerce #reviews .comment_container {
  background: var(--cr-bg);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.woocommerce #reviews .comment_container img.avatar,
.woocommerce #reviews .comment_container img.cr-std-avatar {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid var(--cr-border);
  object-fit: cover;
}

.woocommerce #reviews .cr-comment-text {
  flex: 1;
  min-width: 0;
}
.woocommerce #reviews .cr-comment-text .meta {
  margin: 0 0 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.woocommerce #reviews .woocommerce-review__author {
  font-weight: 900;
  color: var(--cr-text);
}
.woocommerce #reviews .woocommerce-review__published-date {
  font-size: 12px;
  font-weight: 700;
  color: var(--cr-muted);
  white-space: nowrap;
}

.woocommerce #reviews .woocommerce-review__verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  color: var(--cr-accent-2);
  border: 1px solid rgba(22,163,74,.25);
  background: rgba(22,163,74,.08);
  border-radius: 999px;
  padding: 3px 10px;
  margin-left: 8px;
}

/* Featured badge */
.woocommerce #reviews .cr-all-featured-badge span {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 900;
  color: #92400e;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 3px 10px;
}

/* Review text */
.woocommerce #reviews .description,
.woocommerce #reviews .cr-comment-text .description {
  margin: 0;
  color: var(--cr-text);
  line-height: 1.6;
  font-size: 14px;
}
.woocommerce #reviews .description p {
  margin: 0.45em 0 0;
}
.woocommerce #reviews .description p:first-child {
  margin-top: 0;
}

/* Nested replies */
.woocommerce #reviews ol.commentlist li ul.children {
  list-style: none;
  margin: 10px 0 0 58px;
  padding: 0;
  display: grid;
  gap: 10px;
}
@media (max-width: 600px) {
  .woocommerce #reviews ol.commentlist li ul.children {
    margin-left: 0;
  }
}

/* ---------- Stars (CusRev SVG stars) ---------- */
.woocommerce #reviews .crstar-rating-svg {
  margin: 6px 0 8px;
}
.woocommerce #reviews .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
  stroke: rgba(102,112,133,.45);
}
.woocommerce #reviews .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
  fill: #f59e0b; /* vàng “đẹp” hơn */
}

/* ---------- Images / Videos in reviews ---------- */
.woocommerce #reviews .cr-comment-images,
.woocommerce #reviews .cr-comment-videos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.woocommerce #reviews .cr-comment-image,
.woocommerce #reviews .cr-comment-video,
.woocommerce #reviews .cr-comment-image-top {
  width: 92px;
  height: 92px;
  border-radius: var(--cr-radius-sm);
  overflow: hidden;
  border: 1px solid var(--cr-border);
  background: var(--cr-surface);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.woocommerce #reviews .cr-comment-image img,
.woocommerce #reviews .cr-comment-video video,
.woocommerce #reviews .cr-comment-image-top img,
.woocommerce #reviews .cr-comment-image-top video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* video icon overlay */
.woocommerce #reviews .cr-comment-videoicon {
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.25));
}

/* ---------- Voting (helpful / not helpful) ---------- */
.woocommerce #reviews .cr-voting-cont {
  margin-top: 10px;
}
.woocommerce #reviews .cr-voting-cont-uni span {
  font-weight: 800;
  color: var(--cr-muted);
  font-size: 12px;
}
.woocommerce #reviews .cr-voting-cont-uni span.cr-voting-upvote-count {
  color: var(--cr-accent-2);
}
.woocommerce #reviews .cr-voting-cont-uni span.cr-voting-downvote-count {
  color: var(--cr-danger);
}

/* ---------- “Show more reviews” button ---------- */
.woocommerce #reviews .cr-show-more-reviews-prd {
  width: 100%;
  border: 1px solid var(--cr-border);
  background: var(--cr-bg);
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 900;
  color: var(--cr-text);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
  transition: transform .08s ease, box-shadow .15s ease;
}
.woocommerce #reviews .cr-show-more-reviews-prd:hover {
  box-shadow: 0 14px 30px rgba(15,23,42,.10);
}
.woocommerce #reviews .cr-show-more-reviews-prd:active {
  transform: translateY(1px);
}

/* ---------- Review form (CusRev AJAX form UI) ---------- */
.woocommerce #reviews .cr-review-form-wrap {
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  background: var(--cr-bg);
  box-shadow: var(--cr-shadow);
  overflow: hidden;
}

.woocommerce #reviews .cr-review-form-nav {
  background: var(--cr-surface);
  border-bottom: 1px solid var(--cr-border);
  padding: 10px 12px;
}
.woocommerce #reviews .cr-review-form-nav .cr-nav-left span {
  font-weight: 900;
  color: var(--cr-text);
}

.woocommerce #reviews .cr-review-form-item {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
}
.woocommerce #reviews .cr-review-form-item img {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--cr-border);
  object-fit: cover;
}
.woocommerce #reviews .cr-review-form-item span {
  font-weight: 900;
  color: var(--cr-text);
}

.woocommerce #reviews .cr-review-form-lbl {
  font-weight: 900;
  color: var(--cr-text);
  margin-bottom: 6px;
}

.woocommerce #reviews .cr-review-form-comment,
.woocommerce #reviews .cr-review-form-ne {
  padding: 0 12px 12px;
}

.woocommerce #reviews textarea.cr-review-form-comment-txt,
.woocommerce #reviews input.cr-review-form-txt {
  width: 100%;
  border: 1px solid var(--cr-border);
  background: var(--cr-bg);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--cr-text);
  transition: box-shadow .15s ease, border-color .15s ease;
}
.woocommerce #reviews textarea.cr-review-form-comment-txt:focus,
.woocommerce #reviews input.cr-review-form-txt:focus {
  outline: none;
  border-color: rgba(37,99,235,.55);
  box-shadow: var(--cr-ring);
}

.woocommerce #reviews .cr-review-form-buttons {
  display: flex;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid var(--cr-border);
  background: var(--cr-surface);
}
.woocommerce #reviews .cr-review-form-submit {
  border: 0;
  border-radius: 999px;
  padding: 12px 14px;
  background: var(--cr-accent);
  color: #fff;
  font-weight: 900;
  flex: 1;
  cursor: pointer;
}
.woocommerce #reviews .cr-review-form-cancel {
  border: 1px solid var(--cr-border);
  border-radius: 999px;
  padding: 12px 14px;
  background: var(--cr-bg);
  color: var(--cr-text);
  font-weight: 900;
  cursor: pointer;
}

/* ---------- Dark mode (optional) ---------- */
@media (prefers-color-scheme: dark) {
  .woocommerce #reviews,
  .woocommerce div#reviews.cr-reviews-ajax-reviews {
    --cr-bg: #0b1220;
    --cr-surface: #0f1a2e;
    --cr-border: rgba(255,255,255,.10);
    --cr-text: #e5e7eb;
    --cr-muted: #9aa4b2;
    --cr-shadow: 0 10px 30px rgba(0,0,0,.35);
    --cr-ring: 0 0 0 3px rgba(96, 165, 250, 0.22);
  }
  .woocommerce #reviews .cr-review-tags-filter .cr-tag {
    background: rgba(96,165,250,.12);
    border-color: rgba(96,165,250,.25);
    color: #93c5fd;
  }
}