/* Danh mục sản phẩm 2026 (inc/catalog.php). Dùng chung dải tiêu đề, chip, phân trang, mô tả của khung đọc (article.css)
   và thẻ sản phẩm, khối báo giá của trang chủ (home.css). Phẳng, xanh thương hiệu, cam cho hover và điểm nhấn, bo 6px. */

/* Ẩn dải tiêu đề danh mục của Flatsome (đã có dải tiêu đề mới) */
.xc-page .category-page-title,.xc-page .shop-page-title{display:none!important}

/* ---------- Dải tiêu đề ---------- */
.xc-hero .xa-wrap{padding-bottom:32px}
.xc-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.xc-hero__grid.has-img{grid-template-columns:minmax(0,1fr) 168px}
.xa .xc-title{max-width:none}
.xc-hero__media{aspect-ratio:1/1;overflow:hidden;border:1px solid var(--xa-line);border-radius:6px;background:#FFFFFF}
.xc-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
.xa .xc-chips{margin:24px 0 0}

/* ---------- Cột danh mục + lưới ---------- */
.xc-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;padding-top:40px;padding-bottom:64px}
.xc-side{position:sticky;top:var(--xa-sticky,96px);display:grid;gap:20px;min-width:0}
.admin-bar .xc-side{top:calc(var(--xa-sticky,96px) + 32px)}
.xc-tree{border:1px solid var(--xa-line);border-top:4px solid var(--xa-brand);border-radius:6px;background:var(--xa-surface)}
.xa .xc-side__head{margin:0;padding:18px 16px 14px;font:700 21px/1.2 var(--xa-display);letter-spacing:.01em;text-transform:uppercase;color:var(--xa-brand)}
.xa .xc-tree__list{margin:0;padding:0 16px 12px;list-style:none}
.xa .xc-tree__list.is-sub{padding:0 0 6px 14px;border-left:2px solid var(--xa-line);margin-left:2px}
.xa .xc-tree__list li{margin:0;border-top:1px solid var(--xa-line)}
.xa .xc-tree__list.is-sub li{border-top:0}
.xa .xc-tree__list a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;font-size:14px;font-weight:500;line-height:1.4;color:var(--xa-ink);text-decoration:none;transition:color .15s}
.xa .xc-tree__list.is-sub a{padding:5px 0;font-size:13px;color:var(--xa-muted)}
.xa .xc-tree__list a:hover{color:var(--xa-brand)}
.xa .xc-tree__list a.is-active{color:var(--xa-brand);font-weight:600}
.xa .xc-tree__list a.is-active::after{content:"";flex:none;width:7px;height:7px;border-radius:1px;background:var(--xa-accent)}
.xc-side .xa-cta{padding:20px 18px}
.xa .xc-side .xa-cta__title{font-size:24px}

.xc-main{min-width:0}
.xc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--xa-line)}
.xa .xc-bar__count{margin:0;font:500 12px/1.4 var(--xa-data);letter-spacing:.08em;text-transform:uppercase;color:var(--xa-muted)}
.xa .xc-bar .woocommerce-ordering{margin:0}
.xa .xc-bar select.orderby{height:44px;min-height:0;margin:0;padding:0 36px 0 12px;border:2px solid var(--xa-line);border-radius:6px;background-color:var(--xa-surface);box-shadow:none;font:500 14px var(--xa-body);color:var(--xa-ink);transition:border-color .15s}
.xa .xc-bar select.orderby:hover,.xa .xc-bar select.orderby:focus{border-color:var(--xa-brand)}

/* Lưới: 3 cột, thẻ cao bằng nhau, giá + nút ghim đáy */
.xc .xc-grid-wrap{background:transparent;overflow:visible}
.xc .xh .xc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xc .xh .xc-grid .xh-prod h3{font-size:19px}
.xc .xh .xc-grid .xh-prod__price{align-items:flex-end}
.xc .xh .xc-grid .xh-prod__price>div{min-width:0}
.xc .xh .xc-grid .xh-prod__price strong{font-size:22px;white-space:nowrap}
.xc .xh .xc-grid .xh-prod .xh-btn{flex:none;min-height:38px;padding:6px 12px;font-size:14px;white-space:nowrap}
.xa .xa-pager .page-numbers .screen-reader-text{position:absolute!important}

/* ---------- Mô tả danh mục ---------- */
.xc-desc{border-top:1px solid var(--xa-line)}
.xc-desc .xa-body{padding-top:56px}
.xa .xc-desc__title{margin:14px 0 28px;font:700 clamp(25px,3.4vw,34px)/1.2 var(--xa-display);letter-spacing:.01em;text-transform:uppercase;color:var(--xa-brand)}

/* ---------- Máy tính bảng / điện thoại ---------- */
@media (max-width:1100px){
	.xc .xh .xc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
	.xc-body{grid-template-columns:minmax(0,1fr);padding-top:24px}
	.xc-side{display:none}
	.xc-hero__grid.has-img{grid-template-columns:minmax(0,1fr) 96px;gap:16px}
}
@media (max-width:600px){
	.xc .xh .xc-grid{gap:12px}
	.xc .xh .xc-grid .xh-prod__body{padding:12px}
	.xc .xh .xc-grid .xh-prod h3{font-size:17px}
	.xc .xh .xc-grid .xh-spec{display:none}
	.xc .xh .xc-grid .xh-prod__price{flex-direction:column;align-items:stretch;gap:8px}
	.xc .xh .xc-grid .xh-prod__price strong{font-size:20px}
	.xc .xh .xc-grid .xh-prod .xh-btn{width:100%;justify-content:center}
	.xc-hero__grid.has-img{grid-template-columns:minmax(0,1fr)}
	.xc-hero__media{display:none}
	.xa .xc-chips{margin-top:18px}
	.xc-bar{flex-direction:column;align-items:stretch}
	.xa .xc-bar select.orderby{width:100%}
}
/* Nút tiêu đề không có link ở đầu mô tả cũ ("Tổng quan về ...") trùng với tiêu đề phần mô tả */
.xc-desc .xa-content>a.button:first-child:not([href]){display:none}
.xc-desc .xa-body.xc-desc--solo{grid-template-columns:minmax(0,1fr)}
.xc-desc .xa-rail__sticky>.xa-toc{max-height:calc(100vh - var(--xa-sticky,96px) - 24px)}

/* v2.18.1: tiêu đề sidebar gọn trên 1 dòng */
.xa .xc-side__head{font-size:18px;letter-spacing:0;white-space:nowrap}
.xc .xh .xc-grid .xh-prod__price strong{font-size:19px}