/*
 * Event Country official store badges — uniform Website size.
 *
 * Every direct App Store and Google Play link uses exactly the same
 * 100 × 30 px artwork throughout the Website, including:
 * header, footer, download page, landing pages, tour pages,
 * destination pages, category pages and dynamically inserted content.
 */

:root {
  --ec-store-badge-width: 100px;
  --ec-store-badge-height: 30px;
  --ec-store-badge-gap: 10px;
}

a.ec-store-badge-link,
a[href*="apps.apple.com/"],
a[href*="play.google.com/store/apps"] {
  display: inline-flex !important;
  flex: 0 0 var(--ec-store-badge-width) !important;
  align-items: center !important;
  justify-content: center !important;

  width: var(--ec-store-badge-width) !important;
  min-width: var(--ec-store-badge-width) !important;
  max-width: var(--ec-store-badge-width) !important;

  height: var(--ec-store-badge-height) !important;
  min-height: var(--ec-store-badge-height) !important;
  max-height: var(--ec-store-badge-height) !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;

  line-height: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  vertical-align: middle !important;

  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

a.ec-store-badge-link:hover,
a[href*="apps.apple.com/"]:hover,
a[href*="play.google.com/store/apps"]:hover {
  width: var(--ec-store-badge-width) !important;
  height: var(--ec-store-badge-height) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0.94;
  transform: translateY(-1px);
}

a.ec-store-badge-link:focus-visible,
a[href*="apps.apple.com/"]:focus-visible,
a[href*="play.google.com/store/apps"]:focus-visible {
  outline: 3px solid rgba(255, 91, 0, 0.28) !important;
  outline-offset: 4px !important;
  border-radius: 5px !important;
}

a.ec-store-badge-link > img,
a[href*="apps.apple.com/"] > img,
a[href*="play.google.com/store/apps"] > img {
  display: block !important;

  width: var(--ec-store-badge-width) !important;
  min-width: var(--ec-store-badge-width) !important;
  max-width: var(--ec-store-badge-width) !important;

  height: var(--ec-store-badge-height) !important;
  min-height: var(--ec-store-badge-height) !important;
  max-height: var(--ec-store-badge-height) !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: fill !important;
  object-position: center !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.ec-store-badge-group,
.ecx-system-store-badges,
.ecx-mobile-store-badges,
.ecx-badge-row,
.app-download-badges,
.store-badges,
.download-badges,
.footer-store-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: var(--ec-store-badge-gap) !important;
}

/* Keep the same size on phones, tablets and desktops. */
@media (max-width: 760px) {
  a.ec-store-badge-link,
  a[href*="apps.apple.com/"],
  a[href*="play.google.com/store/apps"],
  a.ec-store-badge-link > img,
  a[href*="apps.apple.com/"] > img,
  a[href*="play.google.com/store/apps"] > img {
    width: var(--ec-store-badge-width) !important;
    min-width: var(--ec-store-badge-width) !important;
    max-width: var(--ec-store-badge-width) !important;

    height: var(--ec-store-badge-height) !important;
    min-height: var(--ec-store-badge-height) !important;
    max-height: var(--ec-store-badge-height) !important;
  }
}