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

html {
	scroll-padding-top: 80px;
}


/*Hides cart icon on header when cart is empty*/

body .brxe-woocommerce-mini-cart.hide-empty-count {
    display: none;
}

body .brxe-woocommerce-mini-cart.hide-empty-count.show-cart-details {
    display: block;
}

/*END*/

/*Woocommerce info bar styles*/
.woocommerce-info {
	background-color: var(--primary-l-4);
	color: var(--primary);
	font-weight: 600;
}

.woocommerce-info .woocommerce-Button, .woocommerce-info .button {
	background-color: var(--primary);
	color: var(--light);
	border-radius: var(--radius-xs);
}
/*END*/

/*Woocommerce error bar styles*/

.woocommerce-error li {
	text-align:center;
}

/*END*/

/*Splide slider arrows styles*/

.splide {
 display:flex;
 flex-direction: column-reverse;

}

.splide .splide__list {
	align-items: stretch !important;
}

.splide .splide__arrows .splide__arrow {
 transform: translateY(0px) !important;
 position: absolute;
 top: -75px !important;
 background-color: var(--primary);
 border-radius: 50%;
 width: 45px;
 height: 45px;
  
}

.splide .splide__arrows .splide__arrow.splide__arrow--prev {
  right: 60px !important;
  left: unset !important;
}

.splide .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0px !important;
}

.splide .splide__arrows .splide__arrow svg {
  fill: var(--light);
  width: 22px;
  height: 22px;
}

@media(max-width: 767px) {
	.splide .splide__arrows .splide__arrow {
		top: -58px !important;
		width: 38px;
		height: 38px;
	}
	
	.splide .splide__arrows .splide__arrow.splide__arrow--prev {
		right: 50px !important;
	}
	
	.splide .splide__arrows .splide__arrow svg {
		width: 22px;
		height: 22px;
	}
}

/*END*/


* {
    -webkit-tap-highlight-color: transparent !important;
}


/*WP Loyalty banner styles*/
.brxe-container.before-checkout {
	margin-top: 30px !important;
	max-width: 1000px;
	margin: 0 auto;
}

.wlr-message-info {
	justify-content:center;
	margin-bottom: 20px !important;
}

/*END*/


/*Woocommerce My Account Subscription Styles*/

body.woocommerce-view-subscription .woocommerce-MyAccount-content table {
	background-color: var(--light);
	border-radius: var(--radius-m);
	margin-bottom: 35px;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table.order_details {
	margin-top: 15px;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table.woocommerce-orders-table {
	margin-top: 15px;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table td {
	padding: 15px 30px;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table th {
	padding: 15px 30px;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table tbody tr td:first-child {
	font-weight: 600;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table tbody tr td:first-child::after {
	content: ":";
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr td:first-child::after {
	display:none;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content .subscription_details .button {
	margin: 0;
}

body.woocommerce-view-subscription .button {
	background-color: var(--primary);
	color: var(--light);
	border-radius: var(--radius-xs);
	font-weight: 600;
}

body.woocommerce-view-subscription .woocommerce-MyAccount-content h2 {
	font-size: var(--text-l);
}

body.woocommerce-view-subscription .woocommerce-column__title {
	margin-bottom: 15px;
}


body.woocommerce-view-subscription .woocommerce-column {
	background-color: var(--light);
	padding: 30px;
	border-radius: var(--radius-m);
}

/*END*/


/*Woocommerce payment methods table*/

body.woocommerce-payment-methods table {
	background-color: var(--light);
	border-radius: (--radius-m);
	margin-bottom: 20px;
}

body.woocommerce-payment-methods table th {
	padding: 15px 30px 5px 30px;
}

body.woocommerce-payment-methods table td {
	padding: 15px 30px;
}

body.woocommerce-payment-methods .button {
	background-color: var(--primary);
	color: var(--light);
	border-radius: var(--radius-xs);
	font-weight: 600;
}

body.woocommerce-payment-methods .button.delete {
	background-color: var(--error);
	color: var(--light);
	border-radius: var(--radius-xs);
	font-weight: 600;
}

/*END*/

/*Woocommerce add payment method*/

form#add_payment_method {
	background-color: var(--light);
	padding: 30px;
	border-radius: var(--radius-m);
}


form#add_payment_method ul {
	padding: 0;
	margin: 0;
}

form#add_payment_method .form-row {
	margin-top: 20px;
}

form#add_payment_method .form-row button.button {
	background-color: var(--primary);
	color: var(--light);
	border-radius: var(--radius-xs);
	font-weight: 600;
}

/**/


/*Cookie Banner Styles*/
.wpconsent-banner {
	min-width: 400px;
}

/* wp affliate account styles */