/* App Store badge for site-wide footer (.site-footer-bar).
   Apple-style "Download on the App Store" inline pill.
   Hidden on mobile to keep the footer single-line, and hidden inside the
   Capacitor iOS app via body.native-app + .mp-app-cta-hideable. */

.mp-app-store-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 14px;
  padding: 3px 9px;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  transition: border-color 0.2s, transform 0.2s;
}
.mp-app-store-badge:hover {
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-1px);
}
.mp-app-store-badge svg {
  width: 13px;
  height: 13px;
  fill: #fff;
  flex-shrink: 0;
}
.mp-app-store-badge .mp-as-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.mp-app-store-badge .mp-as-pre {
  font-size: 7px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.7);
}
.mp-app-store-badge .mp-as-name {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #fff;
}

@media (max-width: 768px) {
  .site-footer-bar .mp-app-store-badge { display: none; }
}

body.native-app .mp-app-cta-hideable { display: none !important; }