/* ============================================================
   Privacy Scanner Website — Apple App Store badge

   Shared rules for the badge <img> + its wrapping <a>. Used in:
     - hero.html (primary CTA next to $9.99 chip)
     - pricing.html (both Free and $9.99 cards)
     - final-cta.html (cumulative-trust close)

   Apple's brand guidelines forbid:
     - drop-shadow on the badge
     - glow / box-shadow on the link
     - scale-on-hover, opacity-on-hover, or any transform
     - background fill behind a transparent-PNG variant
     - bordered frame around the badge

   Focus ring uses outline-offset, not box-shadow, so it doesn't
   intersect the badge's built-in shadow gradient (per
   DESIGN_SPEC.md §7.10.7 #4).
   ============================================================ */

.app-store-badge-link {
  display: inline-block;
  text-decoration: none;
  /* No background, no border, no shadow per Apple's guidelines */
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: var(--r-sm);
}

.app-store-badge-link:hover,
.app-store-badge-link:active {
  /* Intentionally no hover state — Apple forbids visual modification */
}

.app-store-badge-link:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 4px;
}

.app-store-badge {
  display: block;
  width: auto;
  height: 60px;          /* Above Apple's 40px minimum floor */
  max-width: 100%;
}

/* Mobile: slightly smaller, still well above Apple's floor */
@media (max-width: 768px) {
  .app-store-badge {
    height: 48px;
  }
}

/* Final CTA — wider focus offset to clear the badge's built-in
   shadow gradient (per spec §7.10.7 #4). Same rule applies if/when
   future Apple-provided badges have similar internal shadows. */
.cta-final .app-store-badge-link:focus-visible {
  outline-offset: 6px;
}