/* Shop-weite Hinweise: Farbpunkte auf Produktkarten + Gratis-Geschenk. */

/* --- Farbpunkte auf Karten --- */
.gpp-card-colors {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 6px;
	margin: 6px 0 4px;
	line-height: 1;
}
.gpp-card-colors .gpp-card-dot {
	box-sizing: border-box;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--gpp-cs, #fff);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
	cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease;
}
.gpp-card-colors .gpp-card-dot.gpp-cs-unknown {
	background: repeating-linear-gradient(45deg, #e6e6e6 0 3px, #fafafa 3px 6px);
}
.gpp-card-colors .gpp-card-dot:hover,
.gpp-card-colors .gpp-card-dot:focus-visible {
	transform: scale(1.18);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 0 0 2px #fff, 0 0 0 3px #1E75C8;
	outline: none;
}
.gpp-card-colors .gpp-card-more {
	font-size: 12px;
	color: #555;
	margin-left: 2px;
}

/* --- Gratis-Geschenk --- */
.gpp-gift-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.gpp-gift-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 10px;
	padding: 8px 16px;
	background: #034C92;
	color: #fff;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
}
a.gpp-gift-bar:hover,
a.gpp-gift-bar:focus { color: #fff; background: #023a70; }
.gpp-gift-bar strong { font-weight: 700; color: inherit; }
.gpp-gift-bar .gpp-gift-bar-names { opacity: .85; }
.gpp-gift-bar.is-reached { background: #2e7d32; }
@media (max-width: 600px) {
	.gpp-gift-bar { font-size: 13px; padding: 7px 12px; }
	.gpp-gift-bar .gpp-gift-bar-names { display: none; }
}

.gpp-gift-teaser {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin: 0 0 24px;
	padding: 14px 18px;
	border: 1px solid #cfe0f2;
	border-radius: 10px;
	background: #f2f7fc;
	color: #1a1a1a;
}
.gpp-gift-teaser .gpp-gift-ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #034C92;
	color: #fff;
}
.gpp-gift-teaser-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1 1 260px;
	font-size: 14px;
	line-height: 1.4;
}
.gpp-gift-teaser-text strong { font-size: 16px; color: #034C92; }
.gpp-gift-thumbs { display: flex; gap: 6px; flex-wrap: wrap; }
.gpp-gift-thumbs img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	border-radius: 6px;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}
.gpp-gift-teaser.is-compact { margin: 0 0 14px; padding: 10px 14px; gap: 10px 12px; flex: 1 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; }
.gpp-gift-teaser.is-compact .gpp-gift-ico { width: 32px; height: 32px; }
.gpp-gift-teaser.is-compact .gpp-gift-teaser-text strong { font-size: 15px; }
.gpp-gift-teaser.is-compact .gpp-gift-thumbs img { width: 36px; height: 36px; }

.gpp-has-badge { position: relative; }
.gpp-gift-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
	padding: 3px 8px;
	border-radius: 999px;
	background: #034C92;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	pointer-events: none;
}

/* v1.30: Nicht verfügbare Artikel — Sperrfeld auf Karte + Produktseite, durchgestrichene Farbpunkte. */
.gpp-oos-badge {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	padding: 6px 10px;
	border-radius: 8px;
	background: rgba(17, 20, 24, .82);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	pointer-events: none;
}
.gpp-card-colors .gpp-card-dot.is-oos {
	opacity: .45;
	background-image: linear-gradient(135deg, transparent 45%, #111418 45%, #111418 55%, transparent 55%);
}
.woocommerce div.product .stock.out-of-stock,
.woocommerce-variation-availability .stock.out-of-stock {
	display: inline-block;
	margin: .4rem 0 1rem;
	padding: .55rem .9rem;
	border-radius: 8px;
	background: #f5f5f5;
	border: 1px solid #e2e6eb;
	color: #111418 !important;
	font-weight: 600;
}
.woocommerce div.product .stock.out-of-stock::before { content: "⏳ "; }