/* BerryB+ Katalog – CI-konform (Vertrauensblau #083957, Grau, viel Weiß).
   Produktfarben (nur zur Orientierung): Cough&Relief #87CEEB · Energy #FFBF66
   · Sleep&Relax #C2AAF2 · Classic/Berry Rot #BE1818 · Bones&Defense #A3CC8F. */

:root {
	--bwm-blue: #083957;
	--bwm-red: #be1818;
	--bwm-grey: #cccccc;
	--bwm-grey-bg: #f4f4f4;
}

/* CI: Überschriften in Vertrauensblau (nur Shop-/Produktseiten) */
#tm-main h1, #tm-main h2, #tm-main h3, #tm-main h4,
#tm-main .uk-h1, #tm-main .uk-h2, #tm-main .uk-h3, #tm-main .uk-h4,
#tm-main .uk-heading-small, #tm-main .uk-heading-medium,
#tm-main .el-title, #tm-main .product_title {
	color: var(--bwm-blue);
}

/* CI: Buttons in Vertrauensblau */
#tm-main .uk-button-primary,
#tm-main .button.alt,
#tm-main .single_add_to_cart_button,
#tm-main .added_to_cart {
	background-color: var(--bwm-blue);
	border-color: var(--bwm-blue);
	color: #fff;
}

#tm-main .uk-button-primary:hover,
#tm-main .button.alt:hover,
#tm-main .single_add_to_cart_button:hover {
	background-color: #0a2b40;
	border-color: #0a2b40;
}

/* „Bald verfügbar“-Hinweis: Grau ordnet Informationen (CI). */
.bwm-coming-soon {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--bwm-grey-bg);
	color: var(--bwm-blue);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

/* „Bald verfügbar“-Produkte haben kein Produktbild → WooCommerce-Platzhalter
   ausblenden, dezente neutrale Teaser-Karte zeigen. */
#tm-main .uk-grid img.el-image[src*="woocommerce-placeholder"],
#tm-main .uk-grid img.el-image[srcset*="woocommerce-placeholder"],
#tm-main .uk-grid img.el-image[data-src*="woocommerce-placeholder"] {
	display: none;
}

#tm-main .uk-grid article.el-item:has(img.el-image[src*="woocommerce-placeholder"]) > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 340px;
	padding: 32px 24px;
	border-radius: 14px;
	text-align: center;
	background: var(--bwm-grey-bg);
	border: 1px solid var(--bwm-grey);
}

#tm-main .uk-grid article.el-item:has(img.el-image[src*="woocommerce-placeholder"]) .el-title {
	margin-top: 0;
}

/* --- Produkt-Einzelseite: Hero-Galerie --- */

/* Die Galerie-Bilder haben sehr unterschiedliche Seitenverhältnisse. Damit die
   Hero-Fläche ruhig bleibt und rundum Luft zum Panel-Rand hat: feste, einheitliche
   Bildhöhe, zentriert, "contain". */
.bwm-hero-media .woocommerce-product-gallery {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}

.bwm-hero-media .woocommerce-product-gallery__wrapper,
.bwm-hero-media .flex-viewport {
	height: auto !important;
}

.bwm-hero-media .woocommerce-product-gallery__wrapper {
	align-items: center;
}

.bwm-hero-media .woocommerce-product-gallery__image img {
	width: 100% !important;
	height: 370px !important;
	object-fit: contain;
}

/* Galerie-Thumbnails zentriert und dezent */
.bwm-hero-media .flex-control-thumbs {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
}

.bwm-hero-media .flex-control-thumbs li {
	width: 56px;
	margin: 0;
	list-style: none;
}

.bwm-hero-media .flex-control-thumbs img {
	border-radius: 10px;
	opacity: 0.55;
	cursor: pointer;
	transition: opacity 0.15s ease;
}

.bwm-hero-media .flex-control-thumbs img.flex-active,
.bwm-hero-media .flex-control-thumbs img:hover {
	opacity: 1;
}

/* --- Produkt-Einzelseite: Mengen-Stepper (wie im Startseiten-Modal) --- */

#tm-main .bwm-qty {
	display: inline-flex;
	align-items: stretch;
	overflow: hidden;
	border: 1px solid var(--bwm-grey);
	border-radius: 999px;
	background: #fff;
	vertical-align: middle;
}

#tm-main .bwm-qty .bwm-qty__btn {
	-webkit-appearance: none;
	appearance: none;
	width: 44px;
	border: 0;
	background: transparent;
	color: var(--bwm-blue);
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

#tm-main .bwm-qty .bwm-qty__btn:hover:not(:disabled) {
	background: var(--bwm-grey-bg);
}

#tm-main .bwm-qty .bwm-qty__btn:disabled {
	opacity: 0.35;
	cursor: default;
}

#tm-main .bwm-qty input.qty {
	width: 3em;
	padding: 10px 0;
	border: 0;
	background: transparent;
	color: var(--bwm-blue);
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
}

#tm-main .bwm-qty input.qty::-webkit-outer-spin-button,
#tm-main .bwm-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* --- Produkt-Einzelseite --- */

.bwm-rating {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	font-size: 0.95rem;
}

.bwm-rating__stars {
	color: var(--bwm-red);
	letter-spacing: 1px;
}

.bwm-facts {
	margin: 0;
}

.bwm-facts li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px solid var(--bwm-grey);
}

.bwm-facts li:last-child {
	border-bottom: 0;
}

.bwm-facts__label {
	flex: 0 0 auto;
}

.bwm-facts__value {
	text-align: right;
	font-weight: 600;
	color: var(--bwm-blue);
}

/* CI: Preis/Preisangabe in Vertrauensblau */
#tm-main .price,
#tm-main .woocommerce-Price-amount,
#tm-main .tm-source-woo-price {
	color: var(--bwm-blue);
}

/* „Bald verfügbar“-Produkteinzelseite: keine leere Galerie */
body.bwm-product-coming-soon .bwm-hero-media,
body.bwm-product-coming-soon .woocommerce-product-gallery {
	display: none;
}

body.bwm-product-coming-soon .bwm-hero-info {
	width: 100% !important;
}