/* Custom overrides for Hy Store - minimalist mega menu */

/* Vertical navigation container */.subheader .navigation-wrapper .navigation {
  padding: 0;
  margin: 0;
}

/* Main menu item */
.subheader .navigation-wrapper .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  font-size: 14px;
  font-weight: 500;
}

/* Submenu panel (mega) */
.subheader .navigation-wrapper .submenu {
  background-color: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.15);
  border-radius: 12px;
  padding: 16px 20px;
}

/* Submenu title (level 2 main items) */
.subheader .navigation-wrapper .submenu__item--main .link {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 6px;
}

/* Submenu list as responsive grid */
.subheader .navigation-wrapper .submenu__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  column-gap: 24px;
  row-gap: 8px;
}

/* Column container */
.subheader .navigation-wrapper .submenu__col {
  list-style: none;
}

/* Child items */
.subheader .navigation-wrapper .submenu__item .link {
  font-size: 13px;
  font-weight: 400;
  color: #444;
}

/* Hover states */
.subheader .navigation-wrapper .submenu__item .link:hover {
  text-decoration: none;
  color: #111;
}

/* Small arrow icon alignment */
.subheader .navigation-wrapper .menu-item__link svg {
  opacity: 0.4;
}

/* Hide base64 icon if not needed in minimal style */
.subheader .navigation-wrapper .menu-item__link img {
  max-width: 18px;
  max-height: 18px;
  margin-right: 8px;
  border-radius: 999px;
  object-fit: cover;
}

/* Make whole row feel airy */
.subheader .navigation-wrapper .menu-item__link span {
  flex: 1;
}

/* Slight background on hover main item */
.subheader .navigation-wrapper .menu-item:hover {
  background: rgba(0, 0, 0, 0.02);
}

/* Mobile tweaks: keep things simple */
@media (max-width: 767.98px) {
  .subheader .navigation-wrapper .submenu {
    box-shadow: none;
    border-radius: 0;
    padding: 8px 16px 16px;
  }
  .subheader .navigation-wrapper .submenu__list {
    grid-template-columns: 1fr;
  }
}

/* ==== SPEED MAX OVERRIDES FOR MOBILE ==== */
@media (max-width: 767.98px) {
  /* Tắt animation & transition để tăng hiệu năng trên mobile */
  * {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }

  /* Giảm shadow để trình duyệt render nhanh hơn */
  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }
}
/* HY STORE - Header dark gold refinement */
header.header,
header.header_menu {
  background: #0A0A0A !important;
}

/* Icon header: gold dịu, không quá chói */
.header .header-right img[alt="phone-icon"],
.header .header-right img[alt="account-icon"],
.header .header-right img[alt="cart-icon"],
.header_menu .header-right img[alt="phone-icon"],
.header_menu .header-right img[alt="account-icon"],
.header_menu .header-right img[alt="cart-icon"] {
  filter: invert(66%) sepia(44%) saturate(668%) hue-rotate(7deg) brightness(92%) contrast(90%) !important;
  opacity: 1 !important;
}

/* Dòng hỗ trợ khách hàng */
.header .hotline .media-body span,
.header_menu .hotline .media-body span {
  color: #D4AF37 !important;
  font-weight: 600 !important;
}

/* Số điện thoại dễ đọc hơn */
.header .hotline .media-body a,
.header_menu .hotline .media-body a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Tài khoản / Giỏ hàng */
.header .header-right a,
.header .header-right span,
.header .header-right small,
.header_menu .header-right a,
.header_menu .header-right span,
.header_menu .header-right small {
  color: #D4AF37 !important;
}

/* Nút giỏ hàng */
.header .mini-cart > a,
.header_menu .mini-cart > a {
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  background: transparent !important;
  border-radius: 6px !important;
}

/* Số lượng trong giỏ */
.header .mini-cart > a .count_item,
.header_menu .mini-cart > a .count_item {
  background: #D4AF37 !important;
  color: #0A0A0A !important;
}

/* Subheader giữ sạch, dễ đọc */
.subheader {
  background: #FFFFFF !important;
}

.subheader a,
.subheader span {
  color: #1A1A1A !important;
}

/* Nút danh mục sản phẩm */
.subheader .menu-bar,
.subheader .category-action,
.subheader .menu-title {
  background: #111111 !important;
  color: #FFFFFF !important;
}
/* HY STORE - Top banner height */
.top-banner {
  height: 44px !important;
  line-height: 44px !important;
  overflow: hidden !important;
  background-color: #050505 !important;
}

.top-banner img {
  max-height: 44px !important;
  width: auto;
  object-fit: contain;
}
/* HY STORE - Đồng bộ màu khu vực header phải */

/* Icon điện thoại, tài khoản, giỏ hàng */
.header .header-right img,
.header_menu .header-right img {
  filter: brightness(0) saturate(100%) invert(66%) sepia(37%) saturate(665%) hue-rotate(7deg) brightness(92%) contrast(92%) !important;
  opacity: 1 !important;
}

/* Chữ "Hỗ trợ khách hàng" */
.header .hotline .media-body span,
.header_menu .hotline .media-body span {
  color: #D4AF37 !important;
  font-weight: 700 !important;
}

/* Số điện thoại */
.header .hotline .media-body a,
.header_menu .hotline .media-body a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Tài khoản */
.header .account-header a,
.header .account-header span,
.header .header-right .account a,
.header .header-right .account span,
.header_menu .account-header a,
.header_menu .account-header span,
.header_menu .header-right .account a,
.header_menu .header-right .account span {
  color: #D4AF37 !important;
}

/* Chữ "Đăng nhập" */
.header .account-header small,
.header .account-header small a,
.header_menu .account-header small,
.header_menu .account-header small a {
  color: #FFFFFF !important;
}

/* Nút giỏ hàng */
.header .mini-cart > a,
.header_menu .mini-cart > a {
  color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.65) !important;
  background: transparent !important;
  border-radius: 6px !important;
}

/* Chữ trong giỏ hàng */
.header .mini-cart > a span,
.header .mini-cart > a b,
.header_menu .mini-cart > a span,
.header_menu .mini-cart > a b {
  color: #D4AF37 !important;
}

/* Số lượng trong giỏ hàng */
.header .mini-cart .count_item,
.header_menu .mini-cart .count_item,
.header .mini-cart .count,
.header_menu .mini-cart .count {
  background: #D4AF37 !important;
  color: #0A0A0A !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}
/* HY STORE - Fix uploaded gold header icons */
.header .header-right img,
.header_menu .header-right img,
.header .hotline img,
.header_menu .hotline img,
.header .account-header img,
.header_menu .account-header img,
.header .mini-cart img,
.header_menu .mini-cart img {
  filter: none !important;
  opacity: 1 !important;
}
/* FIX lỗi nền đen ở tiêu đề biến thể sản phẩm */
.swatch .header {
  background: transparent !important;
  color: #111111 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Tối ưu ô chọn biến thể */
.swatch {
  gap: 10px !important;
  margin-bottom: 18px !important;
}

.swatch-element label {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #D4AF37 !important;
  min-height: 38px !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
}

.swatch .swatch-element input:checked + label {
  background: #D4AF37 !important;
  color: #111111 !important;
  border-color: #D4AF37 !important;
  font-weight: 600 !important;
}