/*
 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.0
 Text Domain:  bricks
*/


/**********************************/
/* PLUGIN : COMPLIANZ */
/**********************************/

#cmplz-manage-consent .cmplz-manage-consent {
	text-indent: -1000px!important;

	font-size: 10px!important;
	left: 25px!important;
	right: auto!important;
	bottom: 25px!important;
	
	min-width:auto!important;
	width: 50px!important;
	height: 50px!important;
	
	padding: 0px!important;
	border-radius: 50px!important;
	
    background-color: #ffffff!important;
   	background-image: url(/wp-content/themes/bricks-child/images/icon-complianz-cookies.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center center;
}

#cmplz-manage-consent .cmplz-manage-consent:hover {
    animation: none!important;
}


@media (max-width: 767px) { 
	
	#cmplz-manage-consent .cmplz-manage-consent {
		left: 10px!important;
		bottom: 10px!important;
	}
	
}


/**********************************/
/* WOOCOMMERCE */
/**********************************/


/* FORMS */
/****************/
.woocommerce .form-row-wide {
	margin-bottom: 12px;
}

/* MON COMPTE */
/****************/
body.woocommerce-account .dashboard-page-3 .woocommerce-notices-wrapper {
	position: absolute;
	top:-80px;
	left:0;	
	width: 100%;
}

/* Titres */
#customer_login h2 {
	font-size: var(--text-xl);
}

.woocommerce-Addresses h2 {
	font-size: var(--text-xl);
	margin-bottom: var(--space-xs);
}

/*** FORMULAIRES ***/

/* Dashboard */
.woocommerce-MyAccount-content input, 
.woocommerce-MyAccount-content optgroup, 
.woocommerce-MyAccount-content select, 
.woocommerce-MyAccount-content textarea {
	border-radius: var(--radius-s);
}

/* Login */
.woocommerce-form-login input {
	border-radius: var(--radius-s);
}

/* Register */
.woocommerce-form-register input {
	border-radius: var(--radius-s);
}

.woocommerce-MyAccount-content .filepond--drop-label {
	background-color: var(--light);
	border-radius: var(--radius-s);
}

.woocommerce-account form .show-password-input {
	height: 100%;	
	border-radius: var(--radius-xs);
}

/*** BUTTONS ***/

/* Dashboard */
.woocommerce-account .woocommerce-Addresses .edit,
.woocommerce-account .woocommerce .woocommerce-EditAccountForm .button,
.woocommerce-account .woocommerce .woocommerce-address-fields .button {
	background-color: var(--dark-90);
	color: var(--light);
	font-size: var(--text-s);
	
	font-weight: 600;
	line-height: 150%;
	padding-top: var(--space-xs);
	padding-right: var(--space-m);
	padding-bottom: var(--space-xs);
	padding-left: var(--space-m);
	border-radius: var(--radius-xs);
	transition: all .2s ease;
}

/* Login */
.woocommerce .button.woocommerce-form-login__submit {
	background-color: var(--dark-90);
	color: var(--light);
	font-size: var(--text-s);
	
	font-weight: 600;
	line-height: 150%;
	padding-top: var(--space-xs);
	padding-right: var(--space-m);
	padding-bottom: var(--space-xs);
	padding-left: var(--space-m);
	border-radius: var(--radius-xs);
	transition: all .2s ease;
}

/* Register */
.woocommerce .button.woocommerce-form-register__submit {
	background-color: var(--dark-90);
	color: var(--light);
	font-size: var(--text-s);
	
	font-weight: 600;
	line-height: 150%;
	padding-top: var(--space-xs);
	padding-right: var(--space-m);
	padding-bottom: var(--space-xs);
	padding-left: var(--space-m);
	border-radius: var(--radius-xs);
	transition: all .2s ease;
}


/* COMMANDE */
form.woocommerce-checkout.bricks-default-checkout {
	display: block!important;	
}

form.woocommerce-checkout.bricks-default-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	width: 100%;
	display: block!important;
}

form.woocommerce-checkout.bricks-default-checkout>div {
	width: 40%;
	display: block!important;
	float: left;
}


form.woocommerce-checkout.bricks-default-checkout #customer_details {
	width: calc(60% -  40px);
	display: block!important;
	float: left;
	margin-right: 40px;
}

@media (max-width: 1024px) {

	form.woocommerce-checkout.bricks-default-checkout>div {
		width: 100%;
	}
	
	
	form.woocommerce-checkout.bricks-default-checkout #customer_details {
		width: 100%;
		margin-right: 0px;
	}

}