/* ==========================================================================
   VITIMEX – CSS sửa nhanh (assets/vtm-fixes.css)
   Được gọi trong layout/theme.liquid ngay trước </head> (v6).
   Gỡ: xoá dòng {{ 'vtm-fixes.css' | asset_url | stylesheet_tag }} trong theme.liquid. Mỗi khối có ghi mã khuyến nghị tương ứng trong file Excel.
   ========================================================================== */

/* C3 – chữ chỉ dành cho Google & trình đọc màn hình (H1 trang chủ) */
.vtm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* A1 – HOTFIX: ẩn mọi liên kết trỏ sang tài liệu của thương hiệu khác
   (nút "Tải hồ sơ năng lực" trên trang Đồng phục đang trỏ tới PDF của bên thứ ba).
   Giữ đến khi đã thay link bằng hồ sơ năng lực của Vitimex. */
a[href*="aristino"]{display:none!important}

/* D3 – Nút nổi trên mobile: không che ảnh sản phẩm / nút thêm giỏ */
@media (max-width:767px){
  /* Ẩn nút HaraLoyalty (trái-dưới) ở trang sản phẩm, danh mục, tìm kiếm – vẫn giữ ở trang chủ & tài khoản */
  body.temp-product hrv-loyalty,
  body[class*="temp-collection"] hrv-loyalty,
  body.temp-search hrv-loyalty{display:none!important}
  /* Thu nhỏ cụm Zalo/Hotline và đẩy lên trên thanh "Thêm vào giỏ" ở trang sản phẩm */
  .vtm-float-contact{transform:scale(.86);transform-origin:100% 100%}
  body.temp-product .vtm-float-contact{bottom:88px!important}
  /* Trang Đồng phục đang có thêm cụm gọi/Zalo/Messenger riêng: ẩn cụm trùng của theme chung */
  body.temp-page-ldp-dongphuc .vtm-float-contact{display:none!important}
}

/* E1 – Ẩn khối gợi ý rỗng ngay cả khi JS chưa chạy (khối được JS gắn class) */
.vtm-empty-section{display:none!important}

/* v6.1 – Tiêu đề khu vực trang chủ (DANH MỤC NỔI BẬT, SẢN PHẨM NỔI BẬT…)
   Section có overflow:hidden và tiêu đề sát mép trên → dấu chồng (Ổ, Ậ, Ả) bị cắt. Nới dòng + đệm trên. */
.body-main > .section .s-title h2,
.body-main > .section .s-heading h2{line-height:1.4!important;padding-top:.2em!important;margin-bottom:14px!important}

/* A4 – Danh mục KHUYẾN MÃI: tiêu đề thay cho banner đã hết hạn (templates/collection.ldp.promotion.liquid) */
.vtm-promo-head{padding:28px 0 6px}
.vtm-promo-head h2{margin:0;font-size:28px;line-height:1.25;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#000102}
@media (max-width:767px){.vtm-promo-head{padding:18px 0 2px}.vtm-promo-head h2{font-size:21px}}

/* E9 – Trang 404 (snippets/vtm-404-extra.liquid) */
.vtm-404x{max-width:640px;margin:8px auto 40px;padding:0 16px;text-align:center}
.vtm-404x form{display:flex;gap:8px;margin:0 0 20px}
.vtm-404x input{flex:1;height:48px;border:1px solid #d9d4cb;padding:0 14px;font:inherit;font-size:15px}
.vtm-404x button{height:48px;padding:0 20px;background:#111;color:#fff;border:0;font-weight:700;cursor:pointer}
.vtm-404x__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.vtm-404x__links a{padding:9px 14px;border:1px solid #e6e2da;color:#111;text-decoration:none;font-size:14px}
.vtm-404x__links a:hover{border-color:#111}

/* A13 – Footer: chỉ hiện phương thức thanh toán đang nhận thật (dạng chữ) + thông tin doanh nghiệp */
.vtm-pay-list{display:flex!important;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.vtm-pay-list li{margin:0!important}
.vtm-pay{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:6px;font-size:13px;line-height:1.2}
.vtm-pay svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:0 0 18px}
.vtm-pay-list--light .vtm-pay{border-color:#d9dde3;color:#000102;background:#fff}
.vtm-legal{font-size:12.5px;opacity:.8;margin-top:6px;line-height:1.55}

/* E2 – Giỏ hàng: nhãn "Tổng tiền hàng" không dính chữ "Thành tiền:"; giỏ trống ẩn khối tóm tắt (class do vtm-fixes.js gắn) */
#cart-page .cart-summary .summary-total .summary-line>div.total-price>span:first-child{font-size:0!important}
#cart-page .cart-summary .summary-total .summary-line>div.total-price>span:first-child:before{font-size:14px!important}
#cart-page.vtm-cart-empty .cart-summary{display:none!important}