/**
 * Hiển thị quảng cáo công khai — load từ module, không phụ thuộc theme CSS/cache.
 */

:root {
  --ga-ad-popup-aspect-ratio: 16 / 9;
  --ga-ad-popup-width: min(320px, 92vw);
  --ga-ad-banner-aspect-ratio: 8 / 1;
}

.ga-quang-cao-zone[data-zone="Popup"] {
  position: static !important;
  inset: auto !important;
  width: 100%;
  max-width: 100%;
}

.ga-ad-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1300;
  width: var(--ga-ad-popup-width);
  max-width: var(--ga-ad-popup-width);
  padding: 0.5rem 0.75rem;
  overflow: visible;
  pointer-events: none;
  box-sizing: border-box;
}

.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item {
  pointer-events: auto;
  width: 100%;
  aspect-ratio: var(--ga-ad-popup-aspect-ratio);
  overflow: hidden;
  margin-bottom: 0;
}

.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media .ga-qc-link {
  display: block;
  width: 100%;
  height: 100%;
}

.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media img,
.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media .ga-quang-cao-item__img,
.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media iframe,
.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item__media video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border: 0;
  object-fit: cover;
  object-position: center;
}

.ga-ad-popup .ga-quang-cao-zone[data-zone="Popup"] .ga-quang-cao-item .ga-quang-cao-item__html {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  overflow: hidden;
}

.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item {
  width: 100%;
  max-width: 100%;
  aspect-ratio: var(--ga-ad-banner-aspect-ratio);
  overflow: hidden;
}

.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media .ga-qc-link,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media .ga-qc-link,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media .ga-qc-link {
  display: block;
  width: 100%;
  height: 100%;
}

.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media img,
.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media .ga-quang-cao-item__img,
.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media iframe,
.ga-quang-cao-zone[data-zone="Content"] .ga-quang-cao-item__media video,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media img,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media .ga-quang-cao-item__img,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media iframe,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__media video,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media img,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media .ga-quang-cao-item__img,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media iframe,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__media video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border: 0;
  object-fit: cover;
  object-position: center;
}

.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item img,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item img,
.ga-quang-cao-zone[data-zone="Header"] .ga-quang-cao-item__img,
.ga-quang-cao-zone[data-zone="Footer"] .ga-quang-cao-item__img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991.98px) {
  :root {
    --ga-ad-popup-width: min(280px, 88vw);
  }
}