/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*Farben Einstellung für Verein*/
:root {
	--color-club-primary: #009739;
	--color-club-secondary: #fff;
}

.rit_h2-decoration::before {
	content: "";
	display: flex;
	position: absolute;
	width: 1rem;
	height: 100%;
	background: var(--color-club-primary);
	left: -2rem;
	top: 0;
}

@media (max-width: 1250px) {
	.rit_h2-decoration::before {
		width: 0.5rem;
		left: -1rem;
	}
}

.rit_button, .brxe-woocommerce-products-filter .box-list li.checked label, .rit_product-cards {
	transition: all 0.2s ease-in-out;
}

/*Header Menü*/
.rit_menu-item i {
	padding: 1rem;
	width: 4rem;
}

li.rit_menu-dropdown .brx-submenu-toggle a {
	position: relative;
}
li.rit_menu-dropdown .brx-submenu-toggle a:hover::before, li.rit_menu-dropdown .brx-submenu-toggle a:has(a[aria-current="page"])::before, .rit_menu-item[aria-current="page"] i, .rit_menu-item:hover i {
	background: var(--grey);
	transition: all 0.2s ease-in-out;
}

li.rit_menu-dropdown .brx-submenu-toggle a::before {
	content: "\e697";
	font-family: Themify;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;

	width: 4rem;
	height: 4rem;
	left: -4.5rem;
	bottom: 50%;
	transform: translateY(50%);
	
	padding: 1rem;
	border-radius: 10rem;
	border: 1px solid var(--border);
}

@media (max-width: 1390px) and (min-width: 768px) {
	.rit_vereinsname {
		order: 1;
	}
	
	.rit_nav {
		width: 100%;
		order: 3;
		align-self: center;
	}
	
	.rit_nav ul {
		justify-content: center;
	}
	
	.rit_menu_button {
		order: 2;
	}
}

/*Link Einstellung für Footer und für FAQ Accordion*/
.rit-link a:hover, .rit-link-faq a, .rit-forms a, .rit_link-agbs a {
	text-decoration: underline;
}

.rit-link-faq a:hover, .rit-forms a:hover, .rit_link-agbs a:hover {
	text-decoration: none;
}


/*
 * 
 * Woo Commerce Einstellungen
 * 
 * */


/*
 *Startseite 
 * */
/*Begünstigter Preis*/
:not(.rit_preis_detailseite) > .brxe-product-price del {
    font-size: 18px !important;
}

:not(.rit_preis_detailseite) > .brxe-product-price del span {
    font-weight: 400 !important;
}

/*Filterung*/
a.rit_kategorie_button[aria-current="page"] {
	background: var(--color-club-primary) !important;
	color: var(--color-club-secondary) !important;
	padding: 10px 20px;
	border: 1px solid var(--color-club-primary) !important;
	transition: all 0.2s ease-in-out;
}

.brxe-woocommerce-products-filter .box-list li.checked:hover label {
	color: var(--black) !important;
}


.rit_product-cards:hover {
	transform: translateY(-0.5rem);
}

.rit_product-cards:hover i{
	background: var(--grey);
}

/*
 * Mein Account
 * */

.rit_mein-account .woocommerce-Address-title.title h2 {
	font-size: var(--h3);
	margin-bottom: 0.8rem;
}

.rit_mein-account .woocommerce-Address-title.title {
	margin-bottom: 1.5rem;
}

.rit_mein-account .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
	margin-top: 3rem;
}

.rit_mein-account .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button, .rit_mein-account .woocommerce-info .wc-forward.button, .woocommerce-message .button.wc-forward {
	border-radius: 5px;
	background: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
	transition: all 0.2s ease-in-out;
}

.rit_mein-account .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button:hover, .rit_mein-account .woocommerce-info .wc-forward.button:hover, .woocommerce-message .button.wc-forward:hover {
	background: #22222200;
	color: var(--black);
}

.rit_mein-account .woocommerce-info, .woocommerce-message, .woocommerce-info {
	background: var(--grey);
	color: var(--black);
	border: 1px solid var(--border);
}

.woocommerce-MyAccount-content p a, .woocommerce-Address-title.title a {
	text-decoration: underline;
	transition: all 0.2s ease-in-out;
}

.woocommerce-MyAccount-content p a:hover, .woocommerce-Address-title.title a:hover {
	text-decoration: none;
}

.woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button {
	border-radius: 5px;
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
    background-color: var(--color-club-primary);
	transition: all 0.2s ease-in-out;
}

.woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
	border: 1px solid var(--black);
	color: var(--black);
    background-color: #ffffff00;
}


/*Mein Konto - Anmeldung und Registrierungs-Formular*/
.u-columns.col2-set {
	width: 100%;
}

.col2-set h2 {
	font-size: var(--h3);
}

.col2-set .woocommerce-form {
	border-radius: 10px;
	border: 1px solid var(--border);
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.08);
	margin-top: 2rem;
	gap: 1.25rem;
}

@media (max-width: 767px) {
	.col2-set .woocommerce-form {
		border-radius: 5px;
		padding: 3rem 1.5rem;
	}
}

wc-order-attribution-inputs {
		display: none !important;
		height: 0rem !important;
	}

.col2-set .woocommerce-form .woocommerce-Input {
	border-radius: 5px;
	border: 1px solid var(--border);
	color: var(--black);
    background-color: var(--grey);
}

.col2-set .woocommerce-form .woocommerce-button {
	border-radius: 5px;
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
    background-color: var(--color-club-primary);
	transition: all 0.2s ease-in-out;
}

.col2-set .woocommerce-form .woocommerce-button:hover {
	border: 1px solid var(--black);
	color: var(--black);
    background-color: #ffffff00;
}

.woocommerce-form :nth-child(3) {
    order: 99;
    margin-top: 1rem;
}

.col2-set .woocommerce-form .lost_password {
	text-decoration: underline;
	font-style: italic;
	transition: all 0.2s ease-in-out;
}

.col2-set .woocommerce-form .lost_password:hover {
	text-decoration: none;
}

/*
 * Warenkorb
 * */

/*Warenkorb leer*/
.rit_warenkorb div.woocommerce {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.return-to-shop .button.wc-backward {
	border-radius: 5px;
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
    background-color: var(--color-club-primary);
	transition: all 0.2s ease-in-out;
}

.return-to-shop .button.wc-backward:hover {
	border: 1px solid var(--black);
	color: var(--black);
    background-color: #ffffff00;
}

.woocommerce-message a.restore-item, .rit_checkout form.checkout_coupon.woocommerce-form-coupon button {
	border-radius: 5px;
	border: 1px solid var(--black);
	color: var(--white);
    background-color: var(--black);
	transition: all 0.2s ease-in-out;
}

.woocommerce-message a.restore-item:hover, .rit_checkout form.checkout_coupon.woocommerce-form-coupon button:hover {
	color: var(--black);
    background-color: #ffffff00;
	transition: all 0.2s ease-in-out;
}

/*Allgemeine Einstellungen*/
thead {
	background-color: var(--color-club-primary);
	color: var(--color-club-secondary);
}

th {
	padding: 1rem;
}


table.cart.woocommerce-cart-form__contents tbody tr td{
	padding: 4rem 1rem !important;
}
.product-name {
	width: 30%;
}

.product-name a, .product-price span bdi {
	font-weight: 400;
}

.product-subtotal .woocommerce-Price-amount.amount {
	display: flex;
}

.product-subtotal .woocommerce-Price-amount.amount bdi, .product-subtotal th.product-subtotal {
	width: 100%;
	text-align: right;
}

.product-remove a{
	font-size: 5rem;
}

th.product-subtotal {
	text-align: right;
}

th.product-quantity {
	text-align: center;
}

table.cart.woocommerce-cart-form__contents td {
	min-height: 20rem;
}

td.product-quantity {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center; 
}
.actions .button {
	border-radius: 5px;
	border: 1px solid var(--black);
	color: var(--white);
    background-color: var(--black);
	transition: all 0.2s ease-in-out;
}

.actions .button:hover {
	border: 1px solid var(--black);
	color: var(--black);
    background-color: #ffffff00;
}

.cart-collaterals {
	margin-top: clamp(2rem, 0.6486rem + 5.4054vw, 4rem);
	width: 100%;
}

.cart-collaterals h2 {
	margin-bottom: 2rem;
}

.cart-collaterals bdi {
	font-weight: 400;
}

.cart-collaterals .wc-proceed-to-checkout a {
	border-radius: 5px;
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
    background-color: var(--color-club-primary);
	transition: all 0.2s ease-in-out;
}

.cart-collaterals .wc-proceed-to-checkout a:hover {
	border: 1px solid var(--black);
	color: var(--black);
    background-color: #ffffff00;
}

.order-total .woocommerce-Price-amount.amount bdi {
	font-weight: 800;
}
@media (max-width: 829px) {
	.actions .button:not(.actions .coupon .button) {
		display: flex;
   		margin-top: 6rem;
  		align-self: flex-start;
	}
}


@media (max-width: 767px) {
	table.cart.woocommerce-cart-form__contents td {
		min-height: 0;
	}
	
	.product-name {
		width: 100%;
	}
	
	table.cart.woocommerce-cart-form__contents tbody tr td{
		padding: 1rem 1rem !important;
	}
	
	td.product-quantity {
		justify-content: space-between; 
	}
	
	.actions .button:not(.actions .coupon .button), .actions {
		margin-top: 1rem;
	}
	
	.actions {
		font-size: 16px;
	}
	
	td.product-thumbnail {
		width: 50vw !important;
	}
	
	table.cart.woocommerce-cart-form__contents td {
		width: fit-content;
	}
	
	.brxe-shortcode .woocommerce {
		min-width: 0;
		overflow-wrap: break-word;
		word-break: break-word;
		overflow: hidden;
	}
	
	
}


/*
 * Kasse
 * */
.woocommerce-form-coupon-toggle {
	margin-bottom: clamp(2rem, 0.6486rem + 5.4054vw, 4rem);
}

.woocommerce-checkout-payment ul li label, .woocommerce-checkout-payment .wc_payment_methods .payment_method_bacs {
	font-size: 16px !important;
}

.cart_item.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper {
	align-items: flex-start !important;
	line-height: 1.4;
	gap: 1.25rem;
}

.woocommerce-gzd-legal-checkbox-text a {
	text-decoration: underline;
}

.woocommerce-gzd-legal-checkbox-text a:hover {
	text-decoration: none;
}

.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
	margin-right: 0.5rem;
}

.product-total {
	display: flex;
	border: 0px;
}

.product-total span, .product-total span bdi {
	width: 100%;
	text-align: right;
}

.product-quantity {
	padding: 0.25rem 1rem;
}
.wc-gzd-cart-info.units-info, .wc-gzd-cart-info.wc-gzd-item-desc.item-desc, .wc-gzd-cart-item-thumbnail, th.product-name dl.variation {
	display: none;
}

.woocommerce-checkout-review-order {
	gap: 3rem;
}

.woocommerce-checkout {
	column-gap: 6rem;
	padding-top: 6rem;
}

.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label {
	padding-bottom: 1.5rem;
}

.shop_table.woocommerce-checkout-review-order-table {
	background: #fff !important;
}
.cart_item.wc-gzd-cart-item-has-thumbnail {
	border-bottom: 1px solid var(--border);
}

.form-row.place-order.wc-gzd-place-order button {
	background: var(--color-club-primary);
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
	transition: all 0.2s ease-in-out;
}

.form-row.place-order.wc-gzd-place-order button:hover {
	background: #ffffff00;
	border: 1px solid var(--black);
	color: var(--black);
}

.cart-subtotal span bdi {
	font-weight: 400;
}

.rit_checkout form.checkout_coupon.woocommerce-form-coupon {
	display: flex;
	justify-content: space-around;
	gap: 1rem;
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.rit_checkout form.woocommerce-checkout.checkout {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6rem;
	}
	
	div.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
		width: 100%;
	}
	
	.col2-set, .rit_checkout form.woocommerce-checkout.checkout > div:last-of-type {
		width: calc(50% - 3rem);
	}
	
	.rit_checkout form.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
		text-align: right;
	}
}

@media (max-width: 991px) {
	form.woocommerce-checkout {
		gap: 1.5rem;
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.woocommerce-form-coupon-toggle .woocommerce-info, .product-name .wc-gzd-cart-item-name-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.shop_table.woocommerce-checkout-review-order-table thead {
        display: none;
    }

    .shop_table.woocommerce-checkout-review-order-table tr,
    .shop_table.woocommerce-checkout-review-order-table td {
        width: 100%;
    }
	
	.shop_table.woocommerce-checkout-review-order-table tr {
        display: flex;
        flex-direction: column;
    }
    
	.shop_table.woocommerce-checkout-review-order-table td:nth-child(odd) {
        padding: 1rem 1rem 0rem 1rem;
        border: 0;
    }

    .shop_table.woocommerce-checkout-review-order-table td:nth-child(even) {
        padding: 0rem 1rem 1rem 1rem;
    }

   .shop_table.woocommerce-checkout-review-order-table  tfoot .cart-subtotal td,
    .shop_table.woocommerce-checkout-review-order-table tfoot .order-total td {
        text-align: left !important;
    }
	
	.woocommerce-additional-fields__field-wrapper textarea {
		min-height: 12rem;
	}
}
/*
 * Bestellungsbestätigung
 * */
.woocommerce-checkout {
	padding-top: 0;
}
.woocommerce-checkout .wordpress.post-1961.page.type-page.status-publish.hentry {
	padding-top: var(--section-space-l);
	padding-bottom: var(--section-space-xl);
	padding-left: var(--section-space-s);
	padding-right: var(--section-space-s);
}

.woocommerce-checkout h1 {
	position: relative;
	padding-left: 2rem;
}

.woocommerce-checkout h1::before {
	content: "";
	display: flex;
	position: absolute;
	width: 1rem;
	height: 100%;
	background: var(--color-club-primary);
	left: 0rem;
	top: 0;
}

@media (max-width: 1250px) {
	.woocommerce-checkout h1::before {
		width: 0.5rem;
		left: 0rem;
	}
}

strong.product-quantity {
	background-color: var(--color-club-primary) !important;
	color: var(--color-club-secondary) !important;
	border-radius: 0px;
    font-size: 16px;
    padding: 0.5rem 1rem;
}

    
.woocommerce-table__product-name.product-name a, .woocommerce-Price-amount.amount, .woocommerce-table__product-total.product-total {
	font-weight: 700;
	text-align: right !important;
}

tfoot td {
	text-align: right !important;
}

h2.woocommerce-order-details__title, h2.woocommerce-column__title {
	margin-bottom: 2rem;
	margin-top: 5rem;
	font-size: var(--h3);
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin: 5rem 0rem;
    padding: 2rem;
    background: var(--color-club-primary);
    color: var(--color-club-secondary);
}


/*
 * Vertragwiederrufen
 * */

/*Formular*/
.eu-owb-form-fields .form-row {
	padding-bottom: 2rem;
}

.eu-owb-form-fields .form-row label {
	color: var(--black);
}

.eu-owb-form-fields .form-row input, .eu-owb-form-fields .form-row select {
	border: 1px solid var(--border);
	border-radius: 5px;
}

.woocommerce-form.woocommerce-form-order-withdrawal-request.order-withdrawal-request .form-row .woocommerce-button.button.woocommerce-form-return_request__submit {
	background-color: var(--color-club-primary);
	border: 1px solid var(--color-club-primary);
	color: var(--color-club-secondary);
	transition: all 0.2s ease-in-out;
	border-radius: 5px;
}


.woocommerce-form.woocommerce-form-order-withdrawal-request.order-withdrawal-request .form-row .woocommerce-button.button.woocommerce-form-return_request__submit:hover {
	background-color: #ffffff00;
	border: 1px solid var(--black);
	color: var(--black);
}

/*Button*/
.eu-owb-order-withdraw-from-contract-button a {
	background-color: var(--white);
	color: var(--black);
	border: 1px solid var(--white);
	border-radius: 5px;
	padding: 1.25rem 0.625rem;
	transition: all 0.2s ease-in-out;
}

.eu-owb-order-withdraw-from-contract-button a:hover {
	background-color: #ffffff00;
	color: var(--white);
	border: 1px solid var(--white);
}

/* 
 * Detailseite Produkte
 * **/

.woocommerce-Tabs-panel--product_safety h2, h3.wc-gzd-product-safety-instructions-heading {
	display: none;
}

.woocommerce-variation-add-to-cart, .brxe-product-add-to-cart form  {
	display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
    min-height: 6rem;
}

.woocommerce-variation-add-to-cart .single_add_to_cart_button, .brxe-product-add-to-cart form .single_add_to_cart_button {
	margin-top: 0rem;
}

.variations th {
	display: none;
}

.reset_variations {
	margin-top: 1rem;
	padding: 0.25rem 1rem;
	background: var(--grey);
	color: var(--black);
	font-weight: 700;
}

@media (max-width: 767px) {
	tr.woocommerce-product-attributes-item {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	th.woocommerce-product-attributes-item__label {
		padding: 0;
	}
}