/* ============================================================
   Di Động An Phát — Khu đánh giá sản phẩm (WooCommerce reviews)
   Thay thế plugin Customer Reviews (CusRev). Chỉ nạp ở trang sản phẩm.
   ============================================================ */
.dap-reviews{ --dap-red:#ed1c24; --dap-ink:#1f2430; --dap-muted:#6b7280; --dap-border:#e8eaed; --dap-soft:#f6f7f8; --dap-star:#f5a623; margin-top:12px; }

/* ---------- Bảng tổng hợp điểm ---------- */
.dap-rev-summary{ display:flex; gap:32px; align-items:center; background:#fff; border:1px solid var(--dap-border); border-radius:16px; padding:24px 28px; margin-bottom:28px; }
.dap-rev-score{ text-align:center; flex:0 0 auto; min-width:148px; padding-right:30px; border-right:1px solid var(--dap-border); }
.dap-rev-avg{ font-size:52px; font-weight:800; color:var(--dap-ink); line-height:1; }
.dap-rev-outof{ display:block; font-size:13px; color:var(--dap-muted); margin-top:4px; }
.dap-rev-stars{ margin:12px 0 6px; display:flex; justify-content:center; }
.dap-rev-count{ font-size:13px; color:var(--dap-muted); margin:0; }
.dap-rev-bars{ flex:1 1 auto; display:flex; flex-direction:column; gap:9px; }
.dap-rev-bar{ display:flex; align-items:center; gap:12px; }
.dap-rev-bar-label{ flex:0 0 auto; width:36px; font-size:13px; font-weight:600; color:var(--dap-ink); display:inline-flex; align-items:center; gap:3px; }
.dap-rev-bar-label i{ color:var(--dap-star); font-size:11px; }
.dap-rev-bar-track{ flex:1 1 auto; height:8px; background:var(--dap-soft); border-radius:99px; overflow:hidden; }
.dap-rev-bar-fill{ display:block; height:100%; background:var(--dap-star); border-radius:99px; }
.dap-rev-bar-num{ flex:0 0 auto; width:32px; text-align:right; font-size:12px; color:var(--dap-muted); }

/* ---------- Tiêu đề ---------- */
.dap-reviews .woocommerce-Reviews-title{ font-size:20px !important; font-weight:700 !important; color:var(--dap-ink) !important; background:none !important; padding:0 !important; margin:0 0 18px !important; }

/* ---------- Empty state ---------- */
.dap-rev-empty{ text-align:center; padding:36px 20px; background:var(--dap-soft); border:1px dashed var(--dap-border); border-radius:14px; margin-bottom:28px; }
.dap-rev-empty i{ font-size:30px; color:#c7ccd3; }
.dap-rev-empty-title{ font-size:15px; font-weight:700; color:var(--dap-ink); margin:12px 0 4px; }
.dap-rev-empty span{ font-size:13px; color:var(--dap-muted); }

/* ---------- Sao hiển thị (WC .star-rating) ---------- */
.dap-reviews .star-rating::before{ color:#dfe2e6; }
.dap-reviews .star-rating span::before{ color:var(--dap-star); }

/* ---------- Danh sách đánh giá ---------- */
.dap-reviews .commentlist{ list-style:none; margin:0 0 30px; padding:0; }
.dap-reviews .commentlist li.review, .dap-reviews .commentlist li.comment{ margin:0 0 18px; padding:0; border:0; background:none; }
.dap-reviews .commentlist .comment_container{ display:flex !important; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--dap-border); border-radius:14px; padding:18px; }
.dap-reviews .commentlist .comment_container > .flex-col:not(.flex-grow){ flex:0 0 auto !important; width:auto !important; min-width:0; }
.dap-reviews .commentlist img.avatar{ display:block; width:48px !important; height:48px !important; max-width:48px !important; object-fit:cover !important; border-radius:50%; margin:0 !important; padding:0 !important; position:static !important; float:none !important; border:0; }
.dap-reviews .commentlist .comment-text{ flex:1 1 auto !important; min-width:0 !important; margin:0 !important; padding:0; overflow-wrap:anywhere; word-break:break-word; }
.dap-reviews .commentlist .comment-text .description{ overflow-wrap:anywhere; word-break:break-word; }
.dap-reviews .commentlist .star-rating{ margin:0 0 8px; font-size:14px; }
.dap-reviews .commentlist .meta{ margin:0; font-size:13px; line-height:1.5; }
.dap-reviews .woocommerce-review__author{ font-weight:700; color:var(--dap-ink); font-style:normal; }
.dap-reviews .woocommerce-review__dash{ display:none; }
.dap-reviews .woocommerce-review__published-date{ color:var(--dap-muted); font-size:12px; display:block; margin-top:2px; }
.dap-reviews .woocommerce-review__verified{ color:#16a34a; font-size:12px; font-weight:600; margin-left:6px; }
.dap-reviews .commentlist .description{ color:#374151; font-size:14px; line-height:1.7; margin-top:10px; }
.dap-reviews .commentlist .description p:last-child{ margin-bottom:0; }

/* ---------- Form đánh giá ---------- */
#reviews #respond, #reviews .comment-respond, #review_form_wrapper, #review_form{ background:transparent !important; box-shadow:none !important; padding:0; margin:0; border:0; }
#reviews #review_form_wrapper{ margin-top:8px; }
#reviews #reply-title, #reviews .comment-reply-title{ font-size:18px !important; font-weight:700 !important; color:var(--dap-ink) !important; background:none !important; display:block; margin:0 0 6px; padding:0; }
#reviews .comment-notes, #reviews .comment-notes span{ font-size:13px; color:var(--dap-muted); }
#reviews .comment-notes .required, #reviews .comment-form .required{ color:var(--dap-red); }
#reviews .comment-form{ margin-top:16px; }
#reviews .comment-form label{ font-size:13px; font-weight:600; color:var(--dap-ink); margin-bottom:6px; display:inline-block; }
#reviews .comment-form input[type=text], #reviews .comment-form input[type=email], #reviews .comment-form textarea{ border:1px solid var(--dap-border) !important; border-radius:8px !important; background:#fff !important; color:var(--dap-ink) !important; box-shadow:none !important; font-size:14px !important; }
#reviews .comment-form input[type=text], #reviews .comment-form input[type=email]{ height:46px !important; padding:0 14px !important; }
#reviews .comment-form textarea{ min-height:130px; padding:11px 14px !important; }
#reviews .comment-form input:focus, #reviews .comment-form textarea:focus{ border-color:var(--dap-red) !important; box-shadow:0 0 0 3px rgba(237,28,36,.08) !important; outline:0; }
/* rating input (WC JS đổi select -> sao) */
#reviews .comment-form-rating label{ display:block; }
#reviews p.stars a::before, #reviews p.stars a.active::before, #reviews p.stars a:hover::before{ color:var(--dap-star) !important; }
#reviews .comment-form .submit{ background:var(--dap-red) !important; background-image:none !important; border:0 !important; color:#fff !important; border-radius:8px !important; font-size:14px !important; font-weight:600 !important; text-transform:none !important; letter-spacing:normal !important; line-height:1.5 !important; padding:13px 30px !important; box-shadow:none !important; cursor:pointer; transition:background .2s ease; }
#reviews .comment-form .submit:hover{ background:#c50f18 !important; }

/* ---------- Responsive ---------- */
@media (max-width:600px){
  .dap-rev-summary{ flex-direction:column; gap:20px; align-items:stretch; padding:20px; }
  .dap-rev-score{ border-right:0; border-bottom:1px solid var(--dap-border); padding-right:0; padding-bottom:18px; min-width:0; }
  .dap-rev-avg{ font-size:44px; }
  .dap-reviews .commentlist .comment_container{ padding:14px; }
}

/* ---------- "Sản phẩm tương tự": đưa lên TRÊN nội dung + đồng bộ title ---------- */
/* Reorder: khối related (.row-danhgia) lên trên khối nội dung tabs/specs (.row-sanpham) */
.single-product-bottom .col-inner:has(> .row-danhgia){ display:flex; flex-direction:column; }
/* Tách mỗi khối thành card trắng riêng (không để chung) */
/* Nền TRẮNG đồng nhất cho toàn trang sản phẩm (bỏ tình trạng 2 màu) */
body.single-product #main{ background:#fff !important; }
.single-product-bottom{ background:transparent !important; padding:28px 0 !important; }
.single-product-bottom .row-danhgia,
.single-product-bottom .row-sanpham{ background:#fff; border:0 !important; border-radius:14px; box-shadow:0 6px 24px rgba(0,0,0,.08); margin-left:0 !important; margin-right:0 !important; }
/* Card khối sản phẩm phía trên — đồng bộ box-shadow + bo góc với card dưới */
.single-product-top .col-inner:has(> .row-sanpham){ box-shadow:0 6px 24px rgba(0,0,0,.08) !important; border-radius:14px !important; }
.single-product-bottom .row-danhgia{ order:-1; margin-bottom:24px !important; padding:22px 24px !important; }
.single-product-bottom .row-sanpham{ order:1; padding:24px !important; }

/* Mobile/tablet: khối trên (ảnh + thông tin + bảo hành) xếp DỌC full-width, không nén 3 cột */
@media (max-width:849px){
  .single-product-top .row-sanpham{ flex-direction:column !important; flex-wrap:wrap !important; }
  .single-product-top .row-sanpham > .col{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; margin-bottom:4px; }
}
/* Title "Sản phẩm tương tự" — bỏ nền teal, đồng bộ brand (ink + gạch chân đỏ) */
.single-product-bottom .product-section-title-related{ background:none !important; color:#1f2430 !important; text-align:left !important; border:0 !important; padding:0 0 10px !important; margin:0 0 20px !important; font-size:20px !important; font-weight:700 !important; position:relative; }
.single-product-bottom .product-section-title-related::before{ display:none !important; }
.single-product-bottom .product-section-title-related::after{ content:"" !important; display:block !important; position:absolute; left:0; bottom:0; width:36px; height:2px; background:#ed1c24; }