/* Hiếu BK - Thanh lý đồ cũ. Tông cinematic dark đồng bộ shop (kh-design-rules). */
:root{
	--tl-beige:#D8C3A5; --tl-burgundy:#7A1F2B; --tl-forest:#1E3A34;
	--tl-black:#0A0A0A; --tl-card:#0d0d0d; --tl-white:#FAFAFA; --tl-line:rgba(216,195,165,.18);
	--tl-muted:#9a9a9a;
}
/* Breakout khỏi khung nội dung hẹp của theme để card to hơn (vẫn giữa màn, không tràn ngang).
   v1.0.2 FIX: margin:0 (KHÔNG auto) - margin auto + left/translate cộng dồn 2 lần căn giữa khi
   khung cha full-width (trang chi tiết) -> lệch phải (rộng màn - 1520)/2, màn to lệch cả trăm px. */
/* 1.5.1: hết full-bleed 1520px (Hiếu: card phải nằm gọn như tab Cửa hàng). Cột nội dung page chỉ ~760px
 * nên vẫn cần breakout, nhưng CÁP đúng khổ .wrap theme (1200 - 2x28 padding) cho thẳng hàng với .hbk-pgrid.
 * BẪY double-center: breakout luôn margin:0, KHÔNG auto. */
.hbk-tl-wrap{width:min(1144px,calc(100vw - 36px));margin:0;position:relative;left:50%;transform:translateX(-50%);padding:24px 0;font-family:Inter,system-ui,sans-serif;color:var(--tl-white);box-sizing:border-box}
.hbk-tl-ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}

/* ---------- v1.3.0: Bộ lọc danh mục + sort trên lưới ---------- */
.hbk-tl-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px}
.hbk-tl-fpills{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.hbk-tl-fpill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:1px solid var(--tl-line);color:var(--tl-white);text-decoration:none !important;font-size:13.5px;font-weight:600;transition:.15s;min-height:36px;box-sizing:border-box}
.hbk-tl-fpill span{color:var(--tl-muted);font-weight:400;font-size:12px}
.hbk-tl-fpill:hover{border-color:var(--tl-beige);color:var(--tl-beige)}
.hbk-tl-fpill.is-on{background:var(--tl-beige);color:#0a0a0a;border-color:var(--tl-beige)}
.hbk-tl-fpill.is-on span{color:#4a4335}
.hbk-tl-fsort{background:var(--tl-card);border:1px solid var(--tl-line);border-radius:6px;color:var(--tl-white);padding:9px 16px;font:inherit;font-size:13.5px;cursor:pointer;min-height:36px}
.hbk-tl-fsort:hover{border-color:var(--tl-beige)}
@media (max-width:600px){
	.hbk-tl-filter{gap:10px}
	.hbk-tl-fsort{width:100%;min-height:44px;font-size:16px}
	.hbk-tl-fpill{min-height:44px}
}

/* ---------- v1.4.0: Countdown mở bán (flash drop) ---------- */
.hbk-tl-badge-state.is-drop{background:rgba(122,31,43,.94);color:#fff;font-variant-numeric:tabular-nums}
.hbk-tl-drop{margin:14px 0;background:var(--tl-card);border:1px solid rgba(122,31,43,.55);border-radius:12px;padding:16px 18px}
.hbk-tl-drop-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:.04em;color:#e7b3bb;margin-bottom:12px}
.hbk-tl-count{display:flex;gap:10px}
.hbk-tl-count-box{flex:1;max-width:96px;background:#111;border:1px solid var(--tl-line);border-radius:10px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}
.hbk-tl-count-box b{font-size:26px;color:var(--tl-beige);font-variant-numeric:tabular-nums;line-height:1}
.hbk-tl-count-box small{color:var(--tl-muted);font-size:11.5px}
@media (max-width:600px){.hbk-tl-count-box b{font-size:22px}}
/* Đăng ký "báo tôi khi mở bán" */
.hbk-tl-drop-sub{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.hbk-tl-drop-email{flex:1;min-width:200px;background:#111;border:1px solid var(--tl-line);border-radius:10px;color:#fff;padding:11px 12px;font:inherit;font-size:16px}
.hbk-tl-drop-sub .hbk-tl-btn{padding:11px 18px;font-size:14px}
.hbk-tl-drop-subbed{display:flex;align-items:center;gap:8px;color:#a8e6c0;font-size:14px;margin:12px 0 0}
.hbk-tl-drop-subbed[hidden]{display:none !important}
.hbk-tl-drop-subbed .hbk-tl-ic{color:#6cbf84}
/* Tiêu đề 2 tầng: Flash Sale / Sản phẩm đang bán */
.hbk-tl-sec-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:var(--tl-beige);margin:6px 0 16px;letter-spacing:.01em}
.hbk-tl-sec-h.is-flash{justify-content:center}
/* Tầng Flash: ít món -> CĂN GIỮA, card giữ cỡ bằng cột grid thường */
/* 1.5.1: flash = BANNER spotlight ngang full container (1-2 món), hết card lẻ đứng trơ */
.hbk-tl-grid-flash{display:grid;gap:22px;margin-bottom:34px}
.hbk-tl-hero{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);text-decoration:none;color:var(--tl-white)}
/* cả banner là 1 <a> -> theme gạch chân + đổi màu link: dập cho mọi chữ bên trong */
.hbk .hbk-tl-hero,.hbk .hbk-tl-hero:hover,.hbk .hbk-tl-hero *{text-decoration:none !important}
.hbk .hbk-tl-hero .hbk-tl-hero-title{color:var(--tl-white)}
.hbk-tl-hero-img{position:relative;min-height:280px;display:block}
.hbk-tl-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hbk-tl-hero-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:28px 32px}
/* tag theme vốn position:absolute cho góc ảnh -> trong body banner phải về dòng thường */
.hbk-tl-hero-body .hbk-card-tag{position:static;display:inline-block}
.hbk-tl-hero-title{font-family:var(--fh,inherit);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;line-height:1.25}
.hbk-tl-hero-price{font-size:1.25rem;font-weight:700;color:var(--tl-beige)}
.hbk-tl-hero-price del{font-size:.85rem;font-weight:400;color:var(--tl-muted);margin-left:8px}
.hbk-tl-hero-open{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e0b06a}
.hbk-tl-hero .hbk-tl-count{display:flex;gap:10px}
.hbk-tl-hero .hbk-tl-count-box{min-width:58px;padding:9px 6px;text-align:center;background:rgba(255,255,255,.04);border:1px solid var(--tl-line);border-radius:10px}
.hbk-tl-hero .hbk-tl-count-box b{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums;line-height:1.1}
.hbk-tl-hero .hbk-tl-count-box small{font-size:10.5px;color:var(--tl-muted);letter-spacing:.08em;text-transform:uppercase}
.hbk-tl-hero-note{font-size:12.5px;color:var(--tl-muted)}
@media (max-width:820px){
	.hbk-tl-hero{grid-template-columns:1fr}
	.hbk-tl-hero-img{min-height:0;aspect-ratio:16/10}
	.hbk-tl-hero-body{padding:18px 16px;gap:10px}
	.hbk-tl-hero .hbk-tl-count{width:100%}
	.hbk-tl-hero .hbk-tl-count-box{flex:1;min-width:0}
}
@media (max-width:600px){.hbk-tl-drop-sub .hbk-tl-btn{width:100%;justify-content:center}}

/* ---------- Lưới ---------- */
/* minmax(0,1fr): tối đa 4 card/hàng, cột co vừa khung (không để tiêu đề dài đẩy tràn ngang), dư thì xuống hàng */
/* 1.5.1: 3 cột gap 22 khớp .hbk-pgrid của tab Cửa hàng (trước là 5 cột full-bleed) */
.hbk-tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:820px){.hbk-tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hbk-tl-empty{color:var(--tl-muted);grid-column:1/-1}
/* v1.5.0: khung/hover card do .hbk-card của THEME lo (đồng bộ tab Cửa hàng) */
.hbk-tl-card.is-dimmed{opacity:.62}
.hbk-tl-card .hbk-tl-badge-state{top:12px;right:12px}
/* 1.5.1: pill danh mục dài (Thiết bị âm thanh) đè badge góc phải trên mobile -> chỉ card CÓ badge phải mới cắt ellipsis */
.hbk-tl-card .hbk-card-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px)}
.hbk-tl-card:has(.hbk-tl-badge-state) .hbk-card-tag,
.hbk-tl-card:has(.hbk-tl-badge-pct:not(.is-shift)) .hbk-card-tag{max-width:calc(100% - 128px)}
.hbk-tl-card .hbk-tl-badge-pct{top:12px;left:auto;right:12px}
.hbk-tl-card .hbk-tl-badge-pct.is-shift{top:auto;bottom:12px;left:12px;right:auto}
.hbk-tl-card .hbk-price{display:flex;flex-direction:column;line-height:1.3}
.hbk-tl-card .hbk-card-foot del{color:var(--tl-muted);font-size:.78rem;font-weight:400}
.hbk-tl-card .hbk-add{white-space:nowrap;flex:none}
.hbk-tl-thumb{position:relative;aspect-ratio:4/3;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hbk-tl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hbk-tl-noimg{font-size:44px;color:#333}
.hbk-tl-badge-pct{position:absolute;top:10px;left:10px;background:var(--tl-burgundy);color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-radius:99px;letter-spacing:.02em}
.hbk-tl-badge-state{position:absolute;top:10px;right:10px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;backdrop-filter:blur(2px)}
.hbk-tl-badge-state.is-deposited{background:rgba(200,137,42,.92);color:#1a1200}
.hbk-tl-badge-state.is-sold{background:rgba(10,10,10,.82);color:var(--tl-beige);border:1px solid var(--tl-line)}
.hbk-tl-cbody{padding:13px 15px 15px}
.hbk-tl-ctitle{font-size:15px;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hbk-tl-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.hbk-tl-price-now{color:var(--tl-beige);font-weight:800;font-size:18.5px}
.hbk-tl-price-old{color:var(--tl-muted);font-size:13px}
.hbk-tl-pager{display:flex;justify-content:center;gap:6px;margin-top:24px}
.hbk-tl-pager .page-numbers{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--tl-line);border-radius:8px;color:var(--tl-white);text-decoration:none;padding:0 8px}
.hbk-tl-pager .page-numbers.current{background:var(--tl-beige);color:#0a0a0a;border-color:var(--tl-beige);font-weight:700}

/* ---------- Chi tiết ---------- */
.hbk-tl-single{color:var(--tl-white)}
.hbk-tl-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}
.hbk-tl-main-img{position:relative;aspect-ratio:4/3;background:#111;border:1px solid var(--tl-line);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hbk-tl-main-img img{width:100%;height:100%;object-fit:contain;background:#0a0a0a}
.hbk-tl-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.hbk-tl-thumb-b{width:64px;height:64px;padding:0;border:1px solid var(--tl-line);border-radius:8px;overflow:hidden;cursor:pointer;background:#111}
.hbk-tl-thumb-b.is-on{border-color:var(--tl-beige)}
.hbk-tl-thumb-b img{width:100%;height:100%;object-fit:cover;display:block}
.hbk-tl-title{font-size:26px;line-height:1.25;margin:0 0 14px}
.hbk-tl-price-lg .hbk-tl-price-now{font-size:28px}
.hbk-tl-price-lg .hbk-tl-price-old{font-size:16px}
.hbk-tl-save{background:rgba(122,31,43,.28);color:#e7b3bb;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px}
.hbk-tl-statebar{margin:14px 0;padding:10px 14px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;font-size:14px}
.hbk-tl-statebar.is-deposited{background:rgba(200,137,42,.14);color:#e0b06a;border:1px solid rgba(200,137,42,.3)}
.hbk-tl-statebar.is-sold{background:rgba(216,195,165,.1);color:var(--tl-beige);border:1px solid var(--tl-line)}
.hbk-tl-conds{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.hbk-tl-conds li{display:flex;align-items:center;gap:8px;color:#d6d6d6;font-size:14px}
.hbk-tl-conds li .hbk-tl-ic{color:var(--tl-beige)}
.hbk-tl-defects{background:var(--tl-card);border:1px solid var(--tl-line);border-radius:10px;padding:12px 14px;margin:14px 0;font-size:14px;color:#d6d6d6}
.hbk-tl-defects strong{color:#e7b3bb}
.hbk-tl-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 14px}
.hbk-tl-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;text-decoration:none}
.hbk-tl-deposit{background:var(--tl-beige);color:#0a0a0a;border:0}
.hbk-tl-deposit:hover{filter:brightness(1.06)}
.hbk-tl-ghost{background:transparent;color:var(--tl-white);border:1px solid var(--tl-line)}
.hbk-tl-ghost:hover{border-color:var(--tl-beige);color:var(--tl-beige)}
.hbk-tl-btn.is-disabled{background:#161616;color:var(--tl-muted);cursor:default;border:1px solid var(--tl-line)}
.hbk-tl-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 0}
.hbk-tl-contact-lb{color:var(--tl-muted);font-size:13px}
.hbk-tl-cbtn{display:inline-flex;align-items:center;gap:6px;color:var(--tl-beige);text-decoration:none;border:1px solid var(--tl-line);border-radius:99px;padding:6px 14px;font-size:13px}
.hbk-tl-cbtn:hover{border-color:var(--tl-beige)}
.hbk-tl-copied{margin-top:12px;background:rgba(30,58,52,.5);color:#a8e6c0;border:1px solid rgba(143,214,169,.4);border-radius:8px;padding:10px 14px;font-size:14px}
.hbk-tl-desc{margin-top:32px;padding-top:24px;border-top:1px solid var(--tl-line);line-height:1.7;color:#d0d0d0}

/* ---------- Mobile (kh-design-rules: full-bleed, chạm lớn) ---------- */
@media (max-width:820px){
	.hbk-tl-detail{grid-template-columns:1fr;gap:18px}
	.hbk-tl-title{font-size:22px}
}
@media (max-width:600px){
	.hbk-tl-wrap{width:100%;padding:14px 0} /* 1.5.1: container theme đã có padding ngang, khỏi cộng đôi */
	.hbk-tl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.hbk-tl-conds{grid-template-columns:1fr}
	.hbk-tl-btn{width:100%;justify-content:center;min-height:48px}
	.hbk-tl-actions{gap:8px}
}

/* v0.1.1: bỏ hẳn underline link trên card (đồng bộ card theme index) */
.hbk-tl-card,.hbk-tl-card:hover,.hbk-tl-card:focus,.hbk-tl-card:active,.hbk-tl-card *{text-decoration:none !important}

/* ---------- v0.2.0: Panel đặt cọc / thanh toán (SePay) ---------- */
.hbk-tl-panel{margin:14px 0;background:var(--tl-card);border:1px solid var(--tl-line);border-radius:12px;padding:18px}
.hbk-tl-panel-h{font-weight:700;font-size:16px;margin:0 0 12px;color:var(--tl-beige)}
.hbk-tl-panel .hbk-tl-in-name,.hbk-tl-panel .hbk-tl-in-phone,.hbk-tl-panel textarea{width:100%;background:#111;border:1px solid var(--tl-line);border-radius:8px;color:#fff;padding:11px 12px;font:inherit;margin:0 0 10px;font-size:16px}
.hbk-tl-panel textarea{resize:vertical}
.hbk-tl-note{color:var(--tl-muted);font-size:13px;line-height:1.5;margin:6px 0}
.hbk-tl-ship-methods{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 12px}
.hbk-tl-ship-methods label{display:inline-flex;align-items:center;gap:6px;color:#d6d6d6;font-size:14px;cursor:pointer}
.hbk-tl-save-addr{display:flex;align-items:center;gap:8px;color:var(--tl-muted);font-size:13px;margin:0 0 12px;cursor:pointer}
/* v1.6.0: tùy chọn dùng credits affiliate trong panel cọc */
.hbk-tl-credits-opt{display:flex;align-items:center;gap:8px;color:var(--tl-white);font-size:13.5px;margin:0 0 4px;cursor:pointer}
.hbk-tl-credits-opt strong{color:var(--tl-beige)}
.hbk-tl-credits-note{display:flex;align-items:center;gap:7px;color:var(--tl-muted);font-size:12.5px;margin:0 0 12px}
.hbk-tl-credits-note .hbk-tl-ic{color:#6cbf84}
.hbk-tl-deposit-go,.hbk-tl-remainder-go{background:var(--tl-beige);color:#0a0a0a;border:0;width:100%;justify-content:center}
/* Bước QR */
.hbk-tl-step-qr{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
.hbk-tl-qr{background:#fff;border-radius:10px;padding:8px;flex:none}
.hbk-tl-qr-img{width:190px;height:190px;display:block}
.hbk-tl-qr-info{flex:1;min-width:220px}
.hbk-tl-qr-row{font-size:14px;color:#d6d6d6;margin:0 0 7px;word-break:break-word}
.hbk-tl-qr-row strong{color:var(--tl-white)}
.hbk-tl-qr-content{color:var(--tl-beige) !important;font-variant-numeric:tabular-nums}
.hbk-tl-qr-amount{color:var(--tl-beige) !important}
.hbk-tl-mini-copy{background:transparent;border:1px solid var(--tl-line);color:var(--tl-beige);border-radius:6px;padding:1px 8px;font-size:12px;cursor:pointer;margin-left:4px}
.hbk-tl-wait{display:flex;align-items:center;gap:8px;color:#e0b06a;font-size:14px;margin-top:10px}
.hbk-tl-mine-note{display:flex;align-items:center;gap:8px;color:#a8e6c0;font-size:14px;margin:10px 0 0}
.hbk-tl-mine-note .hbk-tl-ic{color:#6cbf84}
.hbk-tl-remainder{background:var(--tl-forest);color:var(--tl-beige)}
@media (max-width:600px){
	.hbk-tl-qr-img{width:160px;height:160px}
	.hbk-tl-step-qr{gap:12px}
}

/* v0.2.3 FIX: bước QR có display:flex -> đè mất [hidden] khiến khối QR lòi ra sớm. Ép ẩn thật. */
.hbk-tl-panel [hidden],.hbk-tl-step-qr[hidden],.hbk-tl-step-form[hidden]{display:none !important}
.hbk-tl-acc-badge{display:flex;align-items:center;gap:7px;background:rgba(30,58,52,.4);border:1px solid rgba(143,214,169,.28);color:#a8e6c0;border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 12px}
.hbk-tl-acc-badge .hbk-tl-ic{color:#6cbf84}
.hbk-tl-acc-badge strong{color:#c8e6d2}
/* QR: khung ảnh có nền trắng ổn định (đỡ vỡ khi ảnh đang tải) */
.hbk-tl-qr{min-width:190px;min-height:190px;display:flex;align-items:center;justify-content:center}
.hbk-tl-qr-img{max-width:190px;max-height:190px}

/* ---------- v0.3.0: Tab "Thanh lý của tôi" trong trang tài khoản ---------- */
.hbk-tl-acct{display:flex;flex-direction:column;gap:12px}
.hbk-tl-acct-row{display:flex;gap:14px;align-items:center;background:var(--tl-card);border:1px solid var(--tl-line);border-radius:12px;padding:12px}
.hbk-tl-acct-thumb{flex:none;width:72px;height:54px;border-radius:8px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}
.hbk-tl-acct-thumb img{width:100%;height:100%;object-fit:cover}
.hbk-tl-acct-thumb .hbk-tl-noimg{font-size:22px;color:#333}
.hbk-tl-acct-main{flex:1;min-width:0}
.hbk-tl-acct-title{display:block;color:var(--tl-white);font-weight:600;text-decoration:none;margin-bottom:5px}
.hbk-tl-acct-title:hover{color:var(--tl-beige)}
.hbk-tl-acct-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hbk-tl-acct-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px}
.hbk-tl-acct-badge.is-wait{background:rgba(200,137,42,.16);color:#e0b06a}
.hbk-tl-acct-badge.is-ok{background:rgba(30,58,52,.5);color:#a8e6c0}
.hbk-tl-acct-badge.is-muted{background:rgba(255,255,255,.06);color:var(--tl-muted)}
.hbk-tl-acct-sub{font-size:12.5px;color:var(--tl-muted)}
.hbk-tl-acct-act{flex:none}
.hbk-tl-acct-act .hbk-tl-btn{padding:9px 16px;font-size:13.5px}
.hbk-tl-acct-empty{color:var(--tl-muted)}
.hbk-tl-acct-cross{margin-top:18px;padding:16px;background:rgba(216,195,165,.06);border:1px solid var(--tl-line);border-radius:12px;color:#d0d0d0}
.hbk-tl-acct-cross p{margin:0 0 10px}
@media (max-width:600px){
	.hbk-tl-acct-row{flex-wrap:wrap}
	.hbk-tl-acct-act{flex-basis:100%}
	.hbk-tl-acct-act .hbk-tl-btn{width:100%;justify-content:center}
}

/* v0.3.1 FIX: theme đặt màu link vùng /tai-khoan = beige -> chữ+icon nút nền beige chìm mất.
   Ép màu chữ đen cho nút filled (deposit) trong trang tài khoản; ghost giữ chữ sáng. */
.woocommerce-account .hbk-tl-btn.hbk-tl-deposit,
.hbk-tl-acct .hbk-tl-btn.hbk-tl-deposit{color:#0a0a0a !important}
.woocommerce-account .hbk-tl-btn.hbk-tl-ghost,
.hbk-tl-acct .hbk-tl-btn.hbk-tl-ghost,
.hbk-tl-acct-cross .hbk-tl-btn{color:var(--tl-white) !important}
.hbk-tl-acct .hbk-tl-btn .hbk-tl-ic,.hbk-tl-acct-cross .hbk-tl-btn .hbk-tl-ic{color:inherit}
.hbk-tl-acct-title{color:var(--tl-white) !important}