/* SiteHub hash highlight */
.sitehub-anchor-flash {
  border-radius: 16px;
  outline: 3px solid rgba(255, 120, 0, 0.95);
  outline-offset: 4px;
  animation: sitehubAnchorFlash 1.1s ease-in-out infinite;
  scroll-margin-top: 1rem;
}

@keyframes sitehubAnchorFlash {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.4);
    background-color: rgba(255, 180, 0, 0.28);
    outline-color: rgba(255, 120, 0, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 80, 0, 0.5);
    background-color: rgba(255, 160, 0, 0.4);
    outline-color: rgba(255, 60, 0, 1);
  }
}

[data-sitehub-anchor],
[data-sitehub]:not(iframe) {
  scroll-margin-top: 1rem;
}

html[data-sitehub-pending] .btn-signin,
html[data-sitehub-pending] .btn-signup,
html[data-sitehub-pending] .footer-app,
html[data-sitehub-pending] .top-contact a {
  pointer-events: none;
}

footer.sitehub-force-visible,
.home-footer.sitehub-force-visible,
.top-contact.sitehub-force-visible,
.banner-slider.sitehub-force-visible,
.right-header.sitehub-force-visible {
  display: block !important;
}

/* Top contact text links */
.top-contact a.sitehub-anchor-flash {
  border-radius: 12px;
  outline: 3px solid rgba(255, 200, 0, 1);
  outline-offset: 4px;
  background-color: rgba(255, 200, 0, 0.35) !important;
  position: relative;
  z-index: 6;
}

/* Contact page icon grid */
.grid a.sitehub-anchor-flash {
  border-radius: 16px;
  outline: 3px solid rgba(255, 200, 0, 1);
  outline-offset: 8px;
  background-color: rgba(255, 200, 0, 0.25) !important;
  position: relative;
  z-index: 6;
}

/* Header login/register */
.right-header a.sitehub-anchor-flash {
  border-radius: 999px;
  outline: 3px solid rgba(255, 120, 0, 0.95);
  outline-offset: 4px;
  background-color: rgba(255, 180, 0, 0.2) !important;
  position: relative;
  z-index: 8;
}

.right-header a.sitehub-anchor-flash .btn-signin,
.right-header a.sitehub-anchor-flash .btn-signup {
  position: relative;
  z-index: 1;
}

/* Nav platform links */
.site-nav a.sitehub-anchor-flash,
.site-nav-mb a.sitehub-anchor-flash {
  border-radius: 16px;
  outline: 3px solid rgba(255, 120, 0, 0.95);
  outline-offset: 4px;
  background-color: rgba(255, 180, 0, 0.22) !important;
  position: relative;
  z-index: 6;
}

/* Footer SNS circular icons */
footer .footer-logos-list > a.sitehub-anchor-flash,
.home-footer .footer-logos-list > a.sitehub-anchor-flash,
.footer-logos-right .footer-logos-list > a.sitehub-anchor-flash {
  border-radius: 50%;
  outline: 3px solid rgba(255, 200, 0, 1);
  outline-offset: 4px;
  background-color: rgba(255, 200, 0, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.95), 0 0 18px rgba(255, 140, 0, 0.7);
  position: relative;
  z-index: 8;
  padding: 2px;
}

/* Mobile tải app */
a.footer-app.sitehub-anchor-flash {
  border-radius: 16px;
  outline: 3px solid rgba(255, 120, 0, 0.95);
  outline-offset: 6px;
  position: relative;
  z-index: 8;
}

/* Banner: chỉ highlight khung bao, không đụng layout slider */
.top-banner.sitehub-anchor-flash,
.banner-slider.sitehub-anchor-flash,
[data-sitehub="bannerList"].sitehub-anchor-flash {
  border-radius: 8px;
  outline: 3px solid rgba(255, 120, 0, 0.95);
  outline-offset: 4px;
  position: relative;
  z-index: 6;
  animation: sitehubAnchorFlash 1.1s ease-in-out infinite;
}

/* Footer SNS: giữ gap khi wrap img bằng <a> */
footer .footer-logos-right .footer-logos-list > a,
.home-footer .footer-logos .footer-logos-item.sns .footer-logos-list > a {
  flex: 0 0 auto;
  display: inline-block;
  line-height: 0;
  width: auto;
  text-decoration: none;
  vertical-align: middle;
}

.header-logo-link {
  display: inline-block;
  line-height: 0;
  text-decoration: none;
}