/* Keep SSR homepage sections visible without Nuxt scroll animations */

/* Official CSS sets opacity:0 until Vue animates on scroll — force visible offline */
.HomeIntroduction .content,
.HomeSecurity .content-right,
.HomeExchange .content-left,
.HomeDappStore .content-right,
.HomeCommunity .content-left {
  opacity: 1 !important;
}

.HomeHeader .content .main-img img,
.HomeSecurity .main-img,
.HomeExchange .main-img-wrap img,
.HomeDappStore .main-img,
.HomeCommunity .main-img,
.HomeCommunity .main-img-mobile,
.HomeDownload .main-img,
.HomeDownload .main-img-mobile {
  max-width: 100%;
  height: auto;
}

.HomeIntroduction .users .box img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .HomeIntroduction .users .box img {
    width: 32px;
    height: 32px;
  }
}

.HomeDownload .content-left .button.pointer {
  cursor: pointer;
}

/* Desktop: always show footer link columns */
@media screen and (min-width: 769px) {
  .FooterLayout .footer-item .footer-link-wrap {
    display: block !important;
  }
}

/* Tablet/desktop: show exchange/community card rows */
@media screen and (min-width: 769px) {
  .HomeExchange .message-box-wrap[data-v-2c3817d1],
  .HomeCommunity .message-box-wrap[data-v-8d8a4360] {
    display: block !important;
  }

  .HomeExchange .box-item-wrap[data-v-2c3817d1],
  .HomeCommunity .box-item-wrap[data-v-8d8a4360] {
    display: none !important;
  }
}

/* Mobile: show list-style links instead of desktop cards */
@media screen and (max-width: 768px) {
  .HomeExchange .message-box-wrap[data-v-2c3817d1],
  .HomeCommunity .message-box-wrap[data-v-8d8a4360] {
    display: none !important;
  }

  .HomeExchange .box-item-wrap[data-v-2c3817d1],
  .HomeCommunity .box-item-wrap[data-v-8d8a4360] {
    display: block !important;
  }
}

/* Nav mega-menu icons are empty spans; ensure size */
.navbar-wrap-child-item .nav-children-header [class*="nav-icon-"],
.navbar-wrap-child-item .nav-children-header [class*="locale-"] {
  display: inline-block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.FooterLayout .footer-follow {
  display: inline-block;
  width: 32px;
  height: 32px;
}