/* =========================================================
   PHUCLONG.CSS — Brand page styling (Phúc Long)
   File: assets/css/pages/phuclong.css
   ========================================================= */

/* Brand scope */
.pt-brand.pt-brand--phuclong{
  --pt-accent:#f6d88b;
}

/* Brand-specific tweaks */
.pt-brand.pt-brand--phuclong .pt-brand__bg{ filter:brightness(.55); }
.pt-brand.pt-brand--phuclong .pt-brand__title span{ color:var(--pt-accent); }
.pt-brand.pt-brand--phuclong .pt-btn--primary{
  background:var(--pt-accent);
  color:#1b1b1b;
}
.pt-brand.pt-brand--phuclong .pt-ico{
  background:rgba(246,216,139,.18);
  color:var(--pt-accent);
}

/* =========================================================
   Hero structure (standalone in this file)
   ========================================================= */
.pt-brand{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  margin:18px 0 22px;
  background:#111;
}
.pt-brand__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}
.pt-brand__inner{
  position:relative;
  padding:42px 26px;
}
.pt-brand__content{
  max-width:760px;
  color:#fff;
}
.pt-brand__title{
  font-size:42px;
  line-height:1.1;
  margin:0 0 10px;
  font-weight:800;
}
.pt-brand__subtitle{
  margin:0 0 14px;
  opacity:.92;
  font-size:16px;
}
.pt-brand__desc{
  margin:0 0 18px;
  opacity:.95;
}
.pt-brand__cta{
  margin:12px 0 18px;
}
.pt-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none;
  border:0;
}
.pt-commit{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
}
.pt-commit__title{
  font-weight:800;
  margin-bottom:10px;
}
.pt-commit__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pt-commit__item{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  opacity:.95;
}
.pt-ico{
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

@media (max-width:768px){
  .pt-brand__inner{ padding:28px 18px; }
  .pt-brand__title{ font-size:30px; }
  .pt-commit__grid{ grid-template-columns:1fr; }
}

/* =========================================================
   WooCommerce archive cleanup for brand category pages
   (Hide: "Cửa hàng" title + result count + sorting + default cat desc)
   ========================================================= */

/* 1) Hide default archive title block (often shows "Cửa hàng") */
body.tax-product_cat .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header__title,
body.tax-product_cat .page-title,
body.tax-product_cat .entry-header .entry-title,
body.tax-product_cat h1.entry-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* 2) Hide result count: "Hiển thị tất cả ... kết quả" */
body.tax-product_cat .woocommerce-result-count{
  display:none !important;
}

/* 3) Hide sorting dropdown */
body.tax-product_cat form.woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering{
  display:none !important;
}

/* 4) Hide default category description (nếu còn) */
body.tax-product_cat .term-description,
body.tax-product_cat .woocommerce-category-description,
body.tax-product_cat .woocommerce-products-header__description{
  display:none !important;
}