/* ATN – Bảng chọn biến thể (kiểu thietbi247.vn) – dùng cho Flatsome child theme */

.atn-vt {
  --atn-border: #e6e8ec;
  --atn-head-bg: #f7f8fa;
  --atn-link: #1a4fa0;
  --atn-price: #e02020;
  --atn-yellow: #f5a623;
  font-size: 14px;
  color: #333;
  margin: 0 0 30px;
}

/* ----- Bộ lọc ----- */
.atn-vt__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  padding: 10px 0 16px;
}
.atn-vt__filter { display: flex; align-items: center; gap: 10px; min-width: 0; }
.atn-vt__filter--grow { flex: 1 1 320px; }
.atn-vt__filter > label {
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #222;
  white-space: nowrap;
  margin: 0;
}
.atn-vt__select,
.atn-vt__search input {
  height: 44px;
  border: 1px solid var(--atn-border);
  border-radius: 999px;
  padding: 0 18px;
  background: #fff;
  font-size: 14px;
  color: #555;
  box-shadow: none;
  outline: none;
  margin: 0;
}
.atn-vt__select { min-width: 230px; appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.6'/></svg>");
  background-repeat: no-repeat; background-position: right 18px center; padding-right: 40px; }
.atn-vt__search { position: relative; flex: 1; }
.atn-vt__search input { width: 100%; padding-right: 48px; }
.atn-vt__search-icon { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); opacity: .6; }

/* ----- Bảng ----- */
.atn-vt__scroll { overflow-x: auto; border: 1px solid var(--atn-border); border-radius: 4px; }
.atn-vt__table { width: 100%; border-collapse: collapse; min-width: 900px; margin: 0; }
.atn-vt__table th {
  background: var(--atn-head-bg);
  font-weight: 700;
  text-align: center;
  padding: 14px 12px;
  border: 1px solid var(--atn-border);
  white-space: nowrap;
}
.atn-vt__table td {
  padding: 14px 12px;
  border: 1px solid var(--atn-border);
  vertical-align: middle;
}
.atn-vt__img { width: 110px; text-align: center; }
.atn-vt__img img { max-width: 90px; height: auto; }
.atn-vt__sku { font-weight: 700; text-align: center; white-space: nowrap; }
.atn-vt__table td:nth-child(3) { text-align: center; }
.atn-vt__desc a { color: var(--atn-link); text-decoration: none; }
.atn-vt__desc a:hover { text-decoration: underline; }
.atn-vt__price { color: var(--atn-price); font-weight: 700; text-align: center; white-space: nowrap; }

/* ----- Ô số lượng + giỏ hàng ----- */
.atn-vt__qty { text-align: center; }
.atn-vt__qty-box {
  display: inline-flex; align-items: stretch;
  border: 1px solid var(--atn-yellow); border-radius: 999px; overflow: hidden;
}
.atn-vt__qty-box input {
  width: 54px; height: 40px; border: 0; text-align: center; font-size: 15px; margin: 0;
  background: #fff; box-shadow: none;
}
.atn-vt__cart {
  border: 0; background: var(--atn-yellow); color: #fff; width: 52px; cursor: pointer; font-size: 16px;
}
.atn-vt__cart:hover { filter: brightness(.95); }

/* ----- Ẩn giá / số lượng ----- */
.atn-vt--no-price .atn-vt__price,
.atn-vt--no-price .atn-vt__qty { display: none; }

.atn-vt__empty { padding: 24px; text-align: center; color: #888; margin: 0; }

@media (max-width: 767px) {
  .atn-vt__filters { gap: 10px; }
  .atn-vt__filter { width: 100%; }
  .atn-vt__select { width: 100%; min-width: 0; flex: 1; }
}