/*
 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
*/

.xt_woofc-inner {
    min-width: 97.5%!important;
    min-height: 90%;
}

/** Add to Cart notice ***/
.woocommerce-notices-wrapper:not(:empty) {margin-bottom: 0;  margin-top: 30px;}
.woocommerce-notices-wrapper:not(:empty) .woocommerce-message, .woocommerce-form-coupon-toggle .woocommerce-info {border-radius: 10px; background: #fff2db; color: black; padding: 10px 10px 10px 20px;}
.woocommerce-notices-wrapper:not(:empty) .woocommerce-message a { background: #fea701; border-radius: 10px; transition: all .2s ease;}

.woocommerce-notices-wrapper:not(:empty) .woocommerce-message a:hover {box-shadow: 0 10px 30px 0 rgba(255, 170, 0, 0.24); cursor: pointer; transform: translateY(-5px);}
form.checkout_coupon.woocommerce-form-coupon {border-radius: 10px;background: rgba(0,0,0,.05);}
form.checkout_coupon input {border-radius: 10px; border: 0; box-shadow: 0 10px 10px -5px rgba(0,0,0,.025);}
form.checkout_coupon button.button {background-color: var(--bricks-color-wumfpv); color: var(--bricks-color-duenpx); letter-spacing: 0px; font-weight: 500; padding-top: 10px; padding-right: 20px; padding-bottom: 11px; padding-left: 20px; border-radius: 10px; transition: all .2s ease;}
form.checkout_coupon button.button:hover {box-shadow: 0 10px 30px 0 rgba(255, 170, 0, 0.24); cursor: pointer; transform: translateY(-5px);}
.woocommerce-form-coupon-toggle {margin-top: 50px;}
form.checkout_coupon.woocommerce-form-coupon {margin-top: 10px!important; margin-bottom: 0!important;}

@media only screen and (max-width: 990px) {	
	.woocommerce-notices-wrapper:not(:empty) .woocommerce-message, .woocommerce-form-coupon-toggle .woocommerce-info { display: grid; grid-template-columns: 1fr; text-align: center; gap: 10px; padding: 15px;}
	form.checkout_coupon.woocommerce-form-coupon p {text-align: center;}
	form.checkout_coupon button.button {width: 100%; margin-top: 10px;}
	
	.woocommerce-notices-wrapper:not(:empty) .woocommerce-message a {margin-left: 0;}
	.woocommerce-form-coupon-toggle {margin-top: 0;}
}

/*** Furniture ***/
.wapf-field-container.wapf-field-image-swatch.field-64b11bb7d5f84 .wapf-swatch--image, .wapf-field-container.wapf-field-image-swatch.field-64bfaf26cf579 .wapf-swatch--image,  .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-swatch--image, .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-swatch--image {flex-basis: 10%; min-width: 100px!important; padding: 10px 0; background: none; border: 1px solid rgba(0,0,0,.1); overflow: hidden;}
.wapf-field-container.wapf-field-image-swatch.field-64b11bb7d5f84 .wapf-swatch--image.wapf-checked, .wapf-field-container.wapf-field-image-swatch.field-64bfaf26cf579 .wapf-swatch--image.wapf-checked {border-color: black;}
.wapf-field-container.wapf-field-image-swatch.field-64b11bb7d5f84 .wapf-image-swatch-wrapper.wapf-swatch-wrapper, .wapf-field-container.wapf-field-image-swatch.field-64bfaf26cf579 .wapf-image-swatch-wrapper.wapf-swatch-wrapper, .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-image-swatch-wrapper.wapf-swatch-wrapper, .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-image-swatch-wrapper.wapf-swatch-wrapper {gap: 10px;}
.wapf-field-container.wapf-field-image-swatch.field-64b11bb7d5f84 .wapf-swatch-label, .wapf-field-container.wapf-field-image-swatch.field-64bfaf26cf579 .wapf-swatch-label, .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-swatch-label, .wapf-field-container.wapf-field-image-swatch.field-653fc98a96a11 .wapf-swatch-label {font-size: 14px; text-align: center;}
.wapf-field-container.wapf-field-image-swatch.field-64b11bb7d5f84 .wapf-swatch-label span.wapf-pricing-hint, .wapf-field-container.wapf-field-image-swatch.field-64bfaf26cf579 .wapf-swatch-label span.wapf-pricing-hint {display: block; font-size: 12px;}

.wapf-clone-title label:before {content: "Gegenstand Nr. ";}
.wapf-clone-title label {background: #000000; display: inline-block; padding: 10px 20px; border-radius: 10px; color: white; font-weight: 600;}
.wapf-clone-title {margin-bottom: 0;margin-top: 50px;}
.wapf-cloner {margin-left: auto!important; margin-right: auto!important;}

.rp_furniture_category .wapf-image-swatch-wrapper.wapf-swatch-wrapper img {max-width: 50px; max-height: 50px; object-fit: contain!important; margin-bottom: 0;}

/*** Furniture Type ***/
.rp_furniture_type .wapf-swatch {padding: 5px 10px!important; font-size: 14px!important; border-radius: 5px!important; margin: 3px;}
.wapf-clone-title {margin-bottom: 0;}
.rp_furniture_category.has-parent-repeat {margin-top: 0!important;}
.wapf-clone-title label {background: none; color: black; border: 1px solid black; font-weight: 500; padding: 5px 10px; padding-bottom: 3px; border-radius: 5px;}

/*** Gravity Styling ***/
.gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 10px!important;}
#rp_gravity .rp_gravity_product {display: grid; width: 100%; grid-template-columns: 1fr 4fr; padding-bottom: 10px;}
#rp_gravity .rp_gravity_product input {height: 30px;}
#rp_gravity .rp_gravity_product input {height: 20px; border: 1px solid;border-radius: 3px; width: 50px;}
#rp_gravity .rp_gravity_product div {justify-content: end;display: flex; align-items: center;}
#rp_gravity .rp_gravity_product {border-bottom: 1px solid rgba(0,0,0,.1);}
#rp_gravity .rp_gravity_product .ginput_product_price_wrapper {margin-right: 30px; gap: 5px;}
#rp_gravity .rp_gravity_product {color: black;}
#rp_gravity .gfield_label_product {color: black;font-weight: 400;}
#rp_gravity .gfield_label {margin-bottom: 0!important;}
#rp_gravity .ginput_quantity_label {margin-right: 5px;}
#rp_gravity h3 {font-size: 24px; background: rgba(0,0,0,.05); padding: 10px 15px; border-radius: 10px; margin-top: 20px;}
#rp_gravity {max-width: 800px; margin-left: auto; margin-right: auto;}
#rp_gravity .ginput_product_price {color: black; font-weight: 600;}
#rp_gravity .gfield_label:before {content: ""; width: 50px; height: 50px; display: inline-block; background-color: rgba(0,0,0,.1); margin-right: 10px; background: white; border: 1px solid rgba(0,0,0,.1); border-radius: 5px;}
#rp_gravity .gfield_label {margin-bottom: 0!important; display: flex; align-items: center;}

/* Barhocker */
#rp_gravity .rp_gravity_product.barhocker .gfield_label:before {background-image: url(/wp-content/uploads/2023/07/barstool-1.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Antiker */
#rp_gravity .rp_gravity_product.antiker .gfield_label:before {background-image: url(/wp-content/uploads/2023/07/chair-1.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Camping */
#rp_gravity .rp_gravity_product.camping .gfield_label:before {background-image: url(/wp-content/uploads/2023/07/beachchair.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Hocker */
#rp_gravity .rp_gravity_product.hocker .gfield_label:before {background-image: url(/wp-content/uploads/2023/07/wood_stool.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Klappstuhl */
#rp_gravity .rp_gravity_product.klappstuhl .gfield_label:before {background-image: url(/wp-content/uploads/2023/07/b_plastic_chair.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Couchtisch */
#rp_gravity .rp_gravity_product.couch .gfield_label:before {background-image: url(/wp-content/uploads/2023/08/coffe_table.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

/* Rundtisch */
#rp_gravity .rp_gravity_product.rundtisch .gfield_label:before {background-image: url(/wp-content/uploads/2023/08/b_end_table_round.png); background-size: contain; background-repeat: no-repeat; background-position: center;}