/* Official App Store / Google Play badge replacements.
   The existing PHP keeps the correct store links and accessible text;
   this layer replaces the old custom button visuals with the real badge PNGs. */

.lol-store-badges,
.lol-coming-soon-store-badges {
  align-items: center !important;
}

.lol-store-badge,
.lol-coming-soon-store-badge {
  display: block !important;
  width: 210px !important;
  max-width: 100% !important;
  height: 63px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  opacity: 1 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-indent: -9999px !important;
}

.lol-store-badge > *,
.lol-coming-soon-store-badge > * {
  display: none !important;
}

.lol-store-badge:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) saturate(1.03);
}

.lol-store-badge:first-of-type,
.lol-coming-soon-store-badge:first-of-type {
  background-image: url("../images/en/downloadappstore_en.png") !important;
}

.lol-store-badge:nth-of-type(2),
.lol-coming-soon-store-badge:nth-of-type(2) {
  background-image: url("../images/en/googlebadge_en.png") !important;
}

body.lol-lang-de .lol-store-badge:first-of-type,
body.lol-lang-de .lol-coming-soon-store-badge:first-of-type {
  background-image: url("../images/de/downloadappstore_de.png") !important;
}

body.lol-lang-de .lol-store-badge:nth-of-type(2),
body.lol-lang-de .lol-coming-soon-store-badge:nth-of-type(2) {
  background-image: url("../images/de/googlebadge_de.png") !important;
}

body.lol-lang-es .lol-store-badge:first-of-type,
body.lol-lang-es .lol-coming-soon-store-badge:first-of-type {
  background-image: url("../images/es/downloadappstore_es.png") !important;
}

body.lol-lang-es .lol-store-badge:nth-of-type(2),
body.lol-lang-es .lol-coming-soon-store-badge:nth-of-type(2) {
  background-image: url("../images/es/googlebadge_es.png") !important;
}

@media (max-width: 640px) {
  .lol-store-badges,
  .lol-coming-soon-store-badges {
    justify-content: center !important;
  }

  .lol-store-badge,
  .lol-coming-soon-store-badge {
    width: min(210px, 100%) !important;
    height: 63px !important;
  }
}