/* App Store / Google Play badges — shared by index.html and join.html.
   These are the OFFICIAL store badges (app-store-badge.svg from Apple's
   marketing tools, google-play-badge.png from Google's badge generator).
   Per both stores' guidelines the artwork is never recoloured, restyled or
   shown greyed-out: a badge is either a live link or not rendered at all.
   store-badges.js sets the href (and un-hides the badge) the moment
   ICOOA_STORE_LINKS holds a URL for that store. */

.store-badges { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 26px; }
.store-badges-center { justify-content: center; }

.store-badge { display: inline-flex; align-items: center; line-height: 0; border-radius: 8px; text-decoration: none; transition: transform .18s ease, opacity .18s ease; }
.store-badge img { display: block; height: 54px; width: auto; }
/* Google's PNG carries its own transparent margin, so it needs to be taller to read as the same size as Apple's. */
.store-badge-android img { height: 70px; margin: -8px; }
.store-badge[href]:hover { transform: translateY(-2px); }
.store-badge[href]:focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }
.store-badge[hidden] { display: none; }

.store-badges-dark + .store-note { color: rgba(255, 255, 255, .68); }
.store-note { margin: 14px 0 0; font-size: 13.5px; opacity: .72; }
.store-note-center { text-align: center; }