/* pgri/app-badges — App Store / Google Play pills. Brand-neutral via CSS vars (defaults =
   near-black ink); override --pgri-badge-* per resort. Loads in editor + front end. */
.pgri-appstores { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 1.6rem; }
.pgri-appstores.is-align-left { justify-content: flex-start; }
.pgri-appstores.is-align-center { justify-content: center; }
.pgri-appstores.is-align-right { justify-content: flex-end; }
.pgri-store {
	display: inline-flex; align-items: center; gap: .7rem;
	background: var(--pgri-badge-bg, #17161a); color: #fff !important;
	border-radius: 11px; padding: .6rem 1.35rem; text-decoration: none;
	transition: background .18s ease, transform .12s ease;
}
.pgri-store:hover { background: var(--pgri-badge-bg-hover, #000); transform: translateY(-2px); }
.pgri-store svg { width: 26px; height: 26px; fill: #fff; flex: none; }
.pgri-store span { display: flex; flex-direction: column; line-height: 1.12; text-align: left; }
.pgri-store small { font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; opacity: .82; }
.pgri-store b { font-family: inherit; font-weight: 600; font-size: 1.08rem; }

/* On a dark / brand-colored section the near-black pills blend in — invert to light pills with
   dark logos+text so they stay legible (e.g. the footer's primary-green "Download our App"). */
.has-primary-background-color .pgri-store,
.has-primary-alt-accent-background-color .pgri-store,
.pgri-appstores.is-on-dark .pgri-store {
	background: #fff;
	color: var(--pgri-badge-ink, #17161a) !important;
}
.has-primary-background-color .pgri-store:hover,
.has-primary-alt-accent-background-color .pgri-store:hover,
.pgri-appstores.is-on-dark .pgri-store:hover { background: #ececec; }
.has-primary-background-color .pgri-store svg,
.has-primary-alt-accent-background-color .pgri-store svg,
.pgri-appstores.is-on-dark .pgri-store svg { fill: var(--pgri-badge-ink, #17161a); }