/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ---------- product-type-9: wishlist heart + quickview search ---------- */

.product-type-9 .item-inner .element-top {
	position: relative;
	overflow: hidden;
}

.product-type-9 .item-inner .buttons-action {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.product-type-9 .item-inner .buttons-action .btn-action {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 0 !important;
	line-height: 0;
	background: rgba(255, 255, 255, 0.92);
	color: var(--color-a, #222);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	transition: color 0.2s ease, background 0.2s ease;
}

.product-type-9 .item-inner .buttons-action .btn-action:hover {
	color: var(--color-btn-hover, var(--color-primary, #000));
}

/* hide default theme checkmark badges */
.product-type-9 .item-inner .buttons-action .btn-action.btn-wishlist::after,
.product-type-9 .item-inner .buttons-action .btn-action.btn-compare::after {
	display: none !important;
}

/* Quick view — magnifying glass */
.product-type-9 .item-inner .buttons-action .btn-action.quick-view:not(.add-to-cart)::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Wishlist — empty heart */
.product-type-9 .item-inner .buttons-action .btn-action.btn-wishlist::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Wishlist — filled heart when added */
.product-type-9 .item-inner .buttons-action .btn-action.btn-wishlist.added {
	color: #e31b23;
}

.product-type-9 .item-inner .buttons-action .btn-action.btn-wishlist.added::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Available sizes above brand */
.product-type-9 .p35-available-sizes {
	justify-content: center;
	text-align: center;
	color: #eee;
}

.product-type-9 .item-inner .product_name,
.product-type-9 .item-inner .info-product {
	text-align: center;
}

.product-type-9 .item-inner .info-product .product-price-and-shipping,
.product-type-9 .item-inner .info-product .reviews_note {
	justify-content: center;
	text-align: center;
}

/* ---------- product-type-10: category listing (edit independently from type-9) ---------- */

.product-type-10 .item-inner .element-top {
	position: relative !important;
	overflow: hidden;
}

.product-type-10 .item-inner .buttons-action {
	position: absolute !important;
	right: 12px !important;
	top: 12px !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	opacity: 1 !important;
	visibility: visible !important;
}

.product-type-10 .item-inner .buttons-action .btn-action {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.95) !important;
	color: #222 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	transition: color 0.2s ease, background 0.2s ease;
}

.product-type-10 .item-inner .buttons-action .btn-action:hover {
	color: var(--color-btn-hover, var(--color-primary, #000)) !important;
}

/* hide default theme checkmark badges + text */
.product-type-10 .item-inner .buttons-action .btn-action.btn-wishlist::after,
.product-type-10 .item-inner .buttons-action .btn-action.btn-compare::after {
	display: none !important;
}

/* Quick view — magnifying glass (axicons, reliable on FO) */
.product-type-10 .item-inner .buttons-action .btn-action.quick-view:not(.add-to-cart)::before {
	font-family: 'axicons' !important;
	content: "\f002" !important;
	font-size: 16px !important;
	line-height: 34px !important;
	display: block !important;
	speak: none;
}

/* Wishlist — empty heart outline via axicons + transparent fill */
.product-type-10 .item-inner .buttons-action .btn-action.btn-wishlist::before {
	font-family: 'axicons' !important;
	content: "\f004" !important;
	font-size: 16px !important;
	line-height: 34px !important;
	display: block !important;
	color: transparent;
	-webkit-text-stroke: 1.4px #222;
	speak: none;
}

/* Wishlist — filled heart when added */
.product-type-10 .item-inner .buttons-action .btn-action.btn-wishlist.added {
	color: #e31b23 !important;
}

.product-type-10 .item-inner .buttons-action .btn-action.btn-wishlist.added::before {
	color: #e31b23 !important;
	-webkit-text-stroke: 0;
}

/* Available sizes above brand — visible on white category bg (#eee was invisible) */
.product-type-10 .p35-available-sizes {
	justify-content: center !important;
	text-align: center !important;
	color: #888 !important;
}

.product-type-10 .item-inner .product_name,
.product-type-10 .item-inner .product_brand,
.product-type-10 .item-inner .info-product {
	text-align: center !important;
}

.product-type-10 .item-inner .product_brand,
.product-type-10 .item-inner .product_brand a {
	font-weight: 700 !important;
}

.product-type-10 .item-inner .info-product .product-price-and-shipping,
.product-type-10 .item-inner .info-product .reviews_note {
	justify-content: center !important;
	text-align: center !important;
}

.product-type-10 .item-inner .product-price-and-shipping .price {
	color: #ed2833 !important;
}

/* ---------- List view (product-0) ---------- */

#box-product-list .item-product-list .product-price-and-shipping .price {
	color: #ed2833 !important;
}

#box-product-list .item-product-list .label-flags .type-discount {
	display: none !important;
}

#box-product-list .item-product-list .button-action-botom .btn-action.quick-view::before {
	font-family: 'axicons' !important;
	content: "\f002" !important;
	font-size: 22px !important;
}

/* Facet filter labels = same font/weight as .block-categories (Startseite) links */
.widget-facet-search label.wrapper-custom-checkbox,
.widget-facet-search label.wrapper-custom-checkbox .text,
.widget-facet-search .facet-type-checkbox .text,
.widget-facet-search .facet-type-radio .text {
	font-family: var(--font-family-body) !important;
	font-weight: var(--font-weight-body, 400) !important;
	font-size: var(--font-size-body, inherit) !important;
	color: inherit !important;
	line-height: 2rem;
}