/*
 * Store CTA pills (App Store / Google Play). Platform logic lives in
 * store-links.js behind CAUSLING_ANDROID_STORE_ENABLED (default false).
 */
.store-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.store-btn.gold {
  display: inline-flex; align-items: center; gap: 12px;
  min-height: 52px; min-width: 192px; box-sizing: border-box;
  padding: 10px 18px 10px 14px; border-radius: 14px;
  background: linear-gradient(145deg, #E8C46A, #CBA258 55%, #b89045);
  color: #1E3932; text-decoration: none;
  box-shadow: 0 18px 40px rgba(30, 57, 50, 0.14);
  position: relative; overflow: hidden;
  font-family: "Plus Jakarta Sans", "Helvetica Neue", sans-serif;
  letter-spacing: -0.015em; font-weight: 400;
}
.store-btn.gold .glyph {
  width: 28px; height: 28px; flex: 0 0 28px;
  display: grid; place-items: center; position: relative; z-index: 1;
}
.store-btn.gold .glyph svg { display: block; }
.store-btn.gold .copy { display: flex; flex-direction: column; line-height: 1.1; text-align: left; position: relative; z-index: 1; }
.store-btn.gold .copy small { font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.7; }
.store-btn.gold .copy strong { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; }

/* Spotlight: one full-width pill on phones; App Store + Play pair on desktop */
.spotlight-cta .store-cta { width: 100%; }
.spotlight-cta .store-cta .store-btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; }

/* Share pages: desktop (flag on) hides "Get the app" and shows both badges under the card */
.store-mode-both #getAppLink { display: none; }
.store-below { justify-content: center; margin-top: 4px; }
.store-mode-both body:has(> .store-below) { align-content: center; }

@media (max-width: 480px) {
  .store-pair { flex-direction: column; align-items: stretch; }
}