/* UPRAVA WANTEE (25. 9. 2026): banner na pexeso hru "Ponozkova zmena" -
   umiestnuje sa na vrch kategorie "Ponozky pre zdravotnikov" (242) a na
   hlavnu stranku ako 2. blok (samostatny HTML modul, vlastny <style>).
   Tento subor sa nacitava len na kategorii (product/category controller). */

.ws-pex-banner {
	--wpb-gold: #cda349;
	--wpb-gold-tmava: #a67f34;
	--wpb-atrament: #2c2620;
	display: flex;
	align-items: center;
	gap: 18px;
	max-width: 100%;
	margin: 0 0 22px;
	padding: 18px 22px;
	background: linear-gradient(135deg, #fff 0%, #faf5e8 100%);
	border: 1px solid rgba(205, 163, 73, .4);
	border-radius: 18px;
	text-decoration: none;
	color: var(--wpb-atrament);
	transition: box-shadow .18s ease, transform .18s ease;
}

.ws-pex-banner:hover,
.ws-pex-banner:focus-visible {
	box-shadow: 0 10px 26px -14px rgba(166, 127, 52, .55);
	transform: translateY(-1px);
	color: var(--wpb-atrament);
}

.ws-pex-banner-ikona {
	flex: none;
	width: 46px;
	height: 46px;
	color: var(--wpb-gold-tmava);
}

.ws-pex-banner-ikona svg {
	width: 100%;
	height: 100%;
}

.ws-pex-banner-text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.ws-pex-banner-text strong {
	font-size: 1.05rem;
}

.ws-pex-banner-text span {
	font-size: .88rem;
	color: #6b5c4a;
}

.ws-pex-banner-cta {
	flex: none;
	background: var(--wpb-gold);
	color: #fff;
	border-radius: 999px;
	padding: 10px 22px;
	font-weight: 600;
	font-size: .92rem;
	white-space: nowrap;
	transition: background .15s ease;
}

.ws-pex-banner:hover .ws-pex-banner-cta,
.ws-pex-banner:focus-visible .ws-pex-banner-cta {
	background: var(--wpb-gold-tmava);
}

@media (max-width: 575.98px) {
	.ws-pex-banner {
		flex-wrap: wrap;
		padding: 14px 16px;
		gap: 10px;
	}

	.ws-pex-banner-ikona {
		width: 36px;
		height: 36px;
	}

	.ws-pex-banner-text strong {
		font-size: .96rem;
	}

	.ws-pex-banner-cta {
		flex: 1 1 100%;
		text-align: center;
	}
}