/* FigureAnime Header Tweaks
   Ghi chú:
   - Nếu icon không thay, hãy dùng Inspect Element để xem class/link bao quanh icon và thay lại selector phía dưới.
*/

/* 1) Logo size suggestion (có thể điều chỉnh) */
.site-branding img,
.site-logo img,
.header-logo img {
  max-height: 68px;
  height: auto;
}

/* 2) Đổi icon User & Cart sang SVG (thay selector nếu cần) */
.header .account a i,
.header .account i,
a[href*="my-account"] i,
a[href*="my-account"] .icon,
.header-account i {
  display: none !important;
}
.header .cart a i,
.header .cart i,
a[href*="cart"] i,
a[href*="cart"] .icon,
.header-cart i {
  display: none !important;
}

/* Thêm background cho link để hiện SVG */
a[href*="my-account"],
.header-account a {
  display: inline-flex;
  width: 28px;
  height: 28px;
  background-image: url('../img/user.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
a[href*="cart"],
.header-cart a {
  display: inline-flex;
  width: 28px;
  height: 28px;
  background-image: url('../img/cart.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 3) Placeholder & Select Category vẫn được JS thay; CSS chỉ tinh chỉnh giao diện */
input[type="search"]::placeholder {
  opacity: .9;
}

/* 4) Tùy chọn: Ẩn dropdown Category nếu muốn gọn header */
body.hide-category-dropdown select[name="product_cat"],
body.hide-category-dropdown .product-cat-select,
body.hide-category-dropdown .category-dropdown {
  display: none !important;
}