/* --bricks-color-eqdgvu: #595959;
  --bricks-color-ipgsxh: #87cf49; Accent
  --bricks-color-nxsmhv: #f0f0f0;
  --bricks-color-guntjp: #6e6e6e;
  --bricks-color-zfbkao: #ffffff;
  --bricks-color-zxliib: #84e236;
  --bricks-color-cjemik: rgba(135, 207, 73, 0.79);
  --bricks-color-uknvom: rgba(89, 89, 89, 0.5);
  --bricks-color-xbzyrs: #ff5252;
  --bricks-color-rpvryt: #ff700a;
  --bricks-color-fvjhcv: #cfcfcf; */

@import url("modules/search.css");
@import url("modules/variants_shortcode.css");
@import url("modules/technical_data.css");
@import url("modules/upsells_list.css");
/* @import url("modules/checkout.css"); */
@import url("modules/fluidcheckout.css");
@import url("modules/product_gallery.css");
@import url("_animations.css");

body {
	font-family: "Inter";
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
	max-width: 100vw;
}

main {
	flex: 1;
}

select {
	background-color: var(--bricks-color-zfbkao);
}

/* Styling für ungültige Felder */
input.input-text.woocommerce-invalid ,
select.woocommerce-invalid ,
textarea.woocommerce-invalid  {
    border-color: #a00; /* Rote Umrandung */
    background-color: #fce4e4; /* Heller roter Hintergrund */
}

/* Filter Styling */
.pancoda-attribute-filter .pancoda-attribute-filter-title {
	font-size: var(--font-body);
  	font-weight: 500;
  	color: var(--bricks-color-guntjp);
	display: grid;
	grid-template-columns: 1fr auto;
	cursor: pointer;
}

/* Filter Styling */
.pancoda-attribute-filter .pancoda-attribute-filter-title .toggle-symbol {
	font-size: var(--font-h5);
	font-weight: 400;
	text-align: center;
}

.pancoda-attribute-filter .pancoda-attribute-filter-title .toggle-symbol svg {
	width: 1.2rem;
	height: 1.2rem;
}

.pancoda-attribute-filter form {
	display: flex;
  	flex-direction: column;
	gap: .5rem;
}

.pancoda-attribute-filter .pancoda-attribute-filter-content label {
	display: grid;
  	grid-template-columns: auto 1fr;
  	align-items: center;
  	gap: .5rem;
	color: var(--bricks-color-eqdgvu);
}

.pancoda-attribute-filter .pancoda-attribute-filter-content input[type="checkbox"] {
	appearance: none;
  	cursor: pointer;
  	padding: 0;
	border-radius: 0;
  	border-style: solid;
  	border-width: 1px;
  	height: 1rem;
  	width: 1rem;
}

.pancoda-attribute-filter .pancoda-attribute-filter-content input[type="checkbox"]:checked {
	background-color: currentcolor;
  	border-color: currentcolor;
  	box-shadow: inset 0 0 0 2px var(--bricks-color-zfbkao);
}

.pancoda-price-filter-title {
	font-size: var(--font-body);
  	font-weight: 500;
  	color: var(--bricks-color-guntjp);
  	cursor: pointer;
}

.pancoda-price-filter-content {
	display: grid;
	grid-template-columns: auto 1fr auto 1fr;
	gap: 0.5rem;
	align-items: center
}

.brxe-product-price .price > * {
	line-height: 1;
	display: block;
}

.brxe-product-price .price del {
	color: var(--bricks-color-guntjp) !important;
	font-size: var(--font-body) !important;
}

/* Grundstil für die ul */
.brxe-text ul {
    list-style: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding: 0;
    margin: 0;
}

/* Stil für die li-Elemente */
.brxe-text ul li {
    margin: .8rem 0; /* Abstand zwischen den Listenelementen */
    padding-left: 1.5rem; /* Platz für die benutzerdefinierten Bulletpoints */
    position: relative; /* Ermöglicht die Positionierung der Bulletpoints */
}

/* Stil für die benutzerdefinierten Bulletpoints */
.brxe-text ul li::before {
    content: ''; /* Platzhalter für die Bulletpoints */
    width: 12px; /* Breite der Bulletpoints */
    height: 12px; /* Höhe der Bulletpoints */
    background-color: var(--bricks-color-ipgsxh); /* Grüne Bulletpoints */
    border-radius: .1rem; /* Runde Bulletpoints */
    position: absolute; /* Positioniert die Bulletpoints relativ zu den li-Elementen */
    left: 0; /* Links ausrichten */
    top: .8rem; /* Vertikal zentrieren */
    transform: translateY(-50%); /* Vertikale Zentrierung abschließen */
}

.brxe-woocommerce-breadcrumbs .separator {
  width: 1.1rem;
  height: auto;
}

.brxe-temlvi .brxe-qgdayr.brxe-product-price .price del {
  color: var(--bricks-color-guntjp) !important;
  font-size: var(--font-body) !important;
  order: 2;
}

.brxe-temlvi .brxe-qgdayr.brxe-product-price .price {
	display: flex;
  gap: .5rem;
  align-items: baseline;
}

.woocommerce-pagination .page-numbers li .current {
  background: var(--bricks-color-ipgsxh);
  color: var(--bricks-color-zfbkao);
  padding: 0 .6rem;
  font-weight: 500;
}

.energie_label_rating {
  width: 3rem;
  height: auto;
}

.single-product .energie_label_rating {
  width: 4rem;
}

.single-product form.cart {
	display: grid;
	gap: .4rem;
	grid-template-columns: 1fr;

	@media screen and (min-width: 480px) { 
		grid-template-columns: auto 1fr;
  }
}

.woocommerce-button {
	padding: .7rem 1.2rem;
	text-transform: none !important;
	text-align: center;
  border-radius: .5rem;
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
	width: 100%;
}

.woocommerce-button,
.single-product button.single_add_to_cart_button,
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons a {
	background-color: var(--bricks-color-ipgsxh);
  color: var(--bricks-color-zfbkao);
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 0 !important;
}

.brxe-product-tabs .woocommerce-tabs {
	border-bottom-width: 0;
}

.checkbox,
.woocommerce-form-login__rememberme {
	align-items: center;
	padding-left: 2rem;
	position: relative;
}

label.checkbox .input-checkbox,
.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
	display: none !important;
} 

.woocommerce-form-login__rememberme span::before,
.checkbox span::before {
	content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
	position: absolute;
	top: .1rem;
	left: 0;
  background-color: var(--bricks-color-zfbkao);
  border: 1px solid var(--bricks-border-color);
}

.woocommerce-form__input-checkbox:checked + span::before,
.input-checkbox:checked + span::before {
	background-color: var(--bricks-color-ipgsxh);
	content: '\2713';
	color: var(--bricks-color-zfbkao);
	text-align: center;
	line-height: 1.3rem;
}


.widget_shopping_cart .woocommerce-mini-cart__product small {
    color: #666;
    font-size: 12px;
}

.quantity {
	  display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "minus input plus";
    align-items: stretch;

		.input-text.qty {
			grid-area: input;
			width: 100%;
			text-align: center;
			-webkit-appearance: textfield;
		}

		input[type="number"] {
			-moz-appearance: textfield; /* Für Firefox */
			-webkit-appearance: none; /* Für Chrome, Safari, Edge */
			appearance: none; /* Standard */
		}

/* Für Webkit-basierte Browser (Chrome, Safari) */
		input[type="number"]::-webkit-inner-spin-button, 
		input[type="number"]::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		.minus,
    .plus {
      background-color: var(--bricks-color-nxsmhv);
			color: var(--bricks-color-eqdgvu);
			display: flex;
			justify-content: center;
			align-items: center;
			width: 2rem;
			height: 100%;
      cursor: pointer;

			&:hover {
				color: var(--bricks-color-nxsmhv);
        background-color: var(--bricks-color-ipgsxh);
      }

			&.isDisabled {
				opacity: 0.5;
				pointer-events: none;
			}
    }

		.minus {
			grid-area: minus;
			border-radius: 0.5rem 0 0 0.5rem;
		}

		.plus {
      grid-area: plus;
			border-radius: 0 0.5rem 0.5rem 0;
    }
}

.mini-cart-totals > div {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
}

.mini-cart-totals .mini-cart-total {
	font-size: 1.3rem;
  color: var(--bricks-color-eqdgvu);
}

.mini-cart-products {
	display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.mini-cart-product {
	display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
}

.mini-cart-product-image {
	width: 6rem;
  height: auto;
}

.mini-cart-product-title h3 {
	font-size: 1.1rem;
	margin-bottom: .5rem;
	font-weight: 400;
}

.mini-cart-product-quantity {
	display: flex;
  gap:.5rem;
	justify-content: flex-start;
}

.mini-cart-product-remove button {
	width: 2rem;
  height: 2rem;
	cursor: pointer;
	color: var(--bricks-color-xbzyrs);
	padding: 0;
	background-color: transparent;
}