/* Hàng pháp lý ở chân trang công khai: bản quyền + liên hệ (trái); tải ứng dụng và dấu «Đã thông báo Bộ Công Thương» (phải).
   Huy hiệu App Store, Google Play và biểu trưng Bộ Công Thương là dấu của bên thứ ba: giữ nguyên ảnh gốc, đặt thẳng trên nền dải,
   không tấm nền, khung hay bóng; quốc tang cũng giữ màu gốc.
   Quy tắc huy hiệu: App Store đứng đầu; Google Play cao bằng App Store (phần thấy được); khoảng trống >= 1/4 chiều cao. */
html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px 48px;
  align-items: center;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-text {
  display: grid;
  gap: 10px;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-text span {
  text-wrap: balance;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-secondary {
  justify-items: start;
  text-align: left;
}

/* Hàng văn bản pháp lý (DAC-TA-WEB §7.13.1, dải chân): ba liên kết chữ, dưới dòng liên hệ; vùng chạm cao >= 24. */
html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 20px;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-links a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  font-size: 12px;
  line-height: 1.6;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-marks {
  display: flex;
  align-items: flex-end;
  gap: 0;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__apps {
  display: grid;
  gap: 12px;
  min-width: 0;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__apps-label {
  margin: 0;
  color: var(--public-v2-brand);
  font-family: var(--mz-condensed);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__store-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__store,
html body .public-footer-v2.public-footer-v2 .public-footer-v2__bct {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__store-img {
  display: block;
  width: auto;
  height: 44px;
  max-width: 100%;
  /* Huy hiệu chính thức tự có góc bo và viền xám sát mép ảnh; luật `img { border-radius: 10px }` ở styles.css bo lớn hơn góc huy hiệu nên cắt mất viền ở bốn góc. */
  border-radius: 0;
}

/* Biểu trưng Bộ Công Thương (230×86): cao 44, đứng sau đường kẻ dọc mảnh cùng đường giữa với hai huy hiệu. */
html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-badge {
  display: flex;
  margin-inline-start: 24px;
  padding-inline-start: 24px;
  border-inline-start: 1px solid var(--public-v2-border);
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__bct-img {
  display: block;
  width: auto;
  height: 44px;
  max-width: 100%;
  border-radius: 0; /* biểu trưng Bộ Công Thương: nguyên bản, không bo góc (DAC-TA-WEB); gỡ luật img bo 10px của styles.css */
}

/* Lớp trắng nằm DƯỚI ảnh biểu trưng, ôm đúng vòng tròn có dấu tích (ảnh 230×86, tâm 43,9/42,9, bán kính 33,0 × 35,0):
   phần rỗng của dấu tích hiện trắng thay vì màu nền dải. Chỉ đĩa này, không phải tấm nền; khối chữ «ĐÃ THÔNG BÁO» đặc nên không cần. */
html body .public-footer-v2.public-footer-v2 .public-footer-v2__bct {
  position: relative;
  isolation: isolate;
}

html body .public-footer-v2.public-footer-v2 .public-footer-v2__bct::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 4.757%;
  top: 9.15%;
  width: 28.696%;
  height: 81.395%;
  border-radius: 50%;
  background: var(--mz-band-strong);
  pointer-events: none;
}

/* Dấu bên thứ ba giữ màu gốc ở quốc tang (luật xám ảnh ở styles.css không áp). */
html body.st-non-reader-shell.theme-quoc-tang .public-footer-v2 img.public-footer-v2__mark,
html body.theme-quoc-tang .public-footer-v2 img.public-footer-v2__mark {
  filter: none !important;
}

@media (max-width: 1023px) {
  html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal {
    grid-template-columns: 1fr;
    align-items: start;
  }

  html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-marks {
    flex-wrap: wrap;
    row-gap: 24px;
  }
}

@media (max-width: 767px) {
  html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-marks {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  html body .public-footer-v2.public-footer-v2 .public-footer-v2__legal-badge {
    margin-inline-start: 0;
    padding-inline-start: 0;
    border-inline-start: 0;
  }
}