/* PLManager store platforms: home logo band + footer payment row. Loaded by plm-store-platforms.php. */

.plm-sp-root,
.plm-sp,
.plm-pay {
	--plm-sp-ink: #0F172A;
	--plm-sp-muted: #64748B;
	--plm-sp-blue: #2563EB;
	--plm-sp-ease: cubic-bezier(.22, .61, .36, 1);
}

.plm-sp__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Home band ---------- */
.plm-sp {
	position: relative;
	background: #fff;
	padding: 64px 0 40px;
}
.plm-sp__in {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.plm-sp__title {
	margin: 0 0 26px !important;
	padding: 0;
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase;
	color: var(--plm-sp-muted) !important;
}

.plm-sp__marquee {
	position: relative;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
	        mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
}
.plm-sp__track {
	display: flex;
	width: max-content;
	animation: plm-sp-scroll 38s linear infinite;
	will-change: transform;
}
.plm-sp__marquee:hover .plm-sp__track { animation-play-state: paused; }

.plm-sp__set {
	display: flex;
	align-items: center;
	gap: 88px;
	margin: 0 !important;
	padding: 0 88px 0 0 !important;
	list-style: none !important;
}
.plm-sp__logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 56px;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--plm-sp-ink);
	opacity: .55;
	white-space: nowrap;
	transition: opacity .3s var(--plm-sp-ease), color .3s var(--plm-sp-ease);
}
.plm-sp__logo::before,
.plm-sp__logo::marker { content: none; display: none; }
.plm-sp__logo:hover {
	opacity: 1;
	color: var(--plm-sp-brand, var(--plm-sp-ink));
}
.plm-sp__logo svg { display: block; flex: none; fill: currentColor; }
.plm-sp__name {
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.02em;
}


@keyframes plm-sp-scroll {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
	.plm-sp { padding: 48px 0 16px; }
	.plm-sp__title { margin-bottom: 18px !important; }
	.plm-sp__set { gap: 56px; padding-right: 56px !important; }
	.plm-sp__logo { height: 48px; }
	.plm-sp__logo svg { transform: scale(.86); transform-origin: center; }
	.plm-sp__name { font-size: 18px; }
	.plm-sp__track { animation-duration: 30s; }
}

/* No motion: one row of logos, centred, nothing moves. */
@media (prefers-reduced-motion: reduce) {
	.plm-sp__marquee { -webkit-mask-image: none; mask-image: none; }
	.plm-sp__track { width: auto; animation: none; justify-content: center; }
	.plm-sp__set { flex-wrap: wrap; justify-content: center; gap: 24px 56px; padding: 0 !important; }
	.plm-sp__set[aria-hidden="true"] { display: none; }
	.plm-sp__logo { transition: none; }
}

/* ---------- Footer: accepted cards ---------- */
.plm-pay {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 16px;
	width: 100%;
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.plm-pay__label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #94A3B8;
}
.plm-pay__label svg { flex: none; color: #60A5FA; }
.plm-pay__cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.plm-pay__card {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 28px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(15, 23, 42, .06);
}
.plm-pay__card::before,
.plm-pay__card::marker { content: none; display: none; }
.plm-pay__card svg { display: block; }

@media (max-width: 767px) {
	.plm-pay { justify-content: flex-start; gap: 10px 12px; }
	.plm-pay__cards { justify-content: flex-start; }
}