/*
 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
*/
.woocommerce-account .woocommerce:not(#brx-content) {
	display: block !important;
}

.woocommerce-MyAccount-navigation ul {
	flex-direction: row !important;
}

.acf-form-submit {
	display: flex;
	justify-content: flex-start;
}

.woocommerce .acf-form-submit .create-order[data-func="send"] {
	margin-right: 15px;
}

.woocommerce .acf-form-submit .create-order:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.woocommerce .acf-form-submit .create-order[data-func="save"] {
	background-color: #ffffff;
	border: 1px solid #1D1D1B;
	color: #1D1D1B;
}

.woocommerce .acf-form-submit .create-order[data-func="save"]:hover {
	background-color: #1D1D1B;
	border: 1px solid #1D1D1B;
	color: #ffffff;
}

form.acf-form {
	padding: 25px;
}

form.acf-form .acf-field-repeater {
	padding: 0;
}

form.acf-form .acf-field {
	border: 1px solid #f9f9f9 !important;
	border-left-width: 1px;
	border-right-width: 1px;
	background: #f9f9f9;
}

form.acf-form .acf-field-repeater .acf-field {
	border-bottom-color: #d5d9dd !important;

}

form.acf-form .acf-field-repeater .acf-field .select2-selection {
	height: 29.59px;
	line-height: unset;
}

form.acf-form .acf-field-repeater .acf-field .select2-container {
	vertical-align: unset;
}

form.acf-form .acf-field input, form.acf-form .acf-field select {
	border-color: #7e8993 !important;
}

.acf-repeater > .acf-actions .acf-button {
	margin-top: 20px;
}

.acf-form-submit {
	margin-top: 25px;
}

.acf-repeater {
	background: #ffffff;
}

.acf-field-repeater {
	margin-bottom: 25px !important;
}

.acf-repeater > .acf-actions .acf-button {
	float: unset;
}

form.acf-form .acf-field-repeater[data-type="repeater"] {
	border: unset !important;
}

.woocommerce-MyAccount-content {
	max-width: 1300px;
	margin: 0 auto;
}

/**
My account
 */
.woocommerce-MyAccount-navigation {
	margin-bottom: 25px;
}

.news-wrapper {
	margin: 25px 0;
}

.news-article {
	padding: 15px 0;
	border-bottom: 1px solid #1D1D1B;
}

.news-title-wrap {
	display: flex;
	justify-content: space-between;
}

/**
Woo
 */
body .woocommerce .button {
	background-color: #1D1D1B;
	border: 1px solid #1D1D1B;
	color: #ffffff;
}

body .woocommerce .button:hover:enabled {
	color: #1D1D1B;
	background-color: #ffffff;
	border: 1px solid #1D1D1B;
}

.wc-item-meta {
	padding: 0;
}

.wc-item-meta li {
	display: flex;
}

.wc-item-meta li strong {
	margin-right: 10px;
}

#user_switching_switch_on {
	display: none;
}

/*
** Tooltip
 */
.icon-tooltip {
	position: relative;
	cursor: pointer;
}

.icon-tooltip:hover::after {
	content: attr(data-tooltip);
	visibility: visible;
	width: auto;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 16px;
	line-height: 16px;
	font-family: fangsong;
}

.icon-tooltip::after {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}

.icon-tooltip:hover::after {
	opacity: 1;
}

.acf-button[data-func="save"] {
	margin-left: 15px;
}

#dealer-docs-order-form {
	display: flex;
}

#dealer-docs-order-form select {
	flex-grow: 1;
}

#dealer-docs-order-form button {
	margin-left: 15px;
}

/*
Instruction
 */
.open-instruction {
	position: fixed;
	bottom: 25px;
	right: 25px;
	font-size: 40px !important;
}

.instruction {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

.instruction-body {
	width: 70vw;
	max-width: 1400px;
	position: relative;
}

.instruction-close {
	position: absolute;
	right: 25px;
	top: 25px;
	background: rgba(0, 0, 0);
	color: #fff;
	font-weight: bold;
	padding: 10px;
}

/*
Loading
 */
.loader-wrapper {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #ffffff75;
	z-index: 100000;
}
.loader {
	--uib-size: 28;
	--uib-color: black;
	--uib-speed: 3.5s;
	--uib-stroke: 4;
	--uib-mult: calc(var(--uib-size) / var(--uib-stroke));
	--uib-stroke-px: calc(var(--uib-stroke) * 1px);
	--uib-size-px: calc(var(--uib-size) * 1px);
	position: relative;
	height: var(--uib-size-px);
	width: var(--uib-size-px);
}

.line {
	position: absolute;
	top: calc(50% - var(--uib-stroke-px) / 2);
	left: calc(50% - var(--uib-stroke-px) / 2);
	width: var(--uib-stroke-px);
	height: var(--uib-stroke-px);
	background-color: #3D6AB2;
	animation: center-line var(--uib-speed) ease infinite;
	transition: background-color 0.3s ease;
}

.loader::before,
.loader::after {
	content: '';
	position: absolute;
	width: var(--uib-stroke-px);
	height: var(--uib-stroke-px);
	animation: explore var(--uib-speed) ease infinite;
	transition: background-color 0.3s ease;
}
.loader::before {
	background: #E94E1B;
}
.loader::after {
	background: #4ABBC1;
}

.loader::after {
	animation-delay: calc(var(--uib-speed) * -0.5);
}

@keyframes center-line {
	0%,
	25%,
	50%,
	75%,
	100% {
		transform: scaleX(1) scaleY(1);
	}
	12.5%,
	62.5% {
		transform: scaleX(var(--uib-mult)) scaleY(1);
	}
	37.5%,
	87.5% {
		transform: scaleX(1) scaleY(var(--uib-mult));
	}
}

@keyframes explore {
	0%,
	100% {
		transform: scaleX(1) scaleY(1) translate(0%, 0%);
		transform-origin: top left;
		top: 0;
		left: 0;
	}

	12.5% {
		transform: scaleX(var(--uib-mult)) scaleY(1) translate(0%, 0%);
		transform-origin: top left;
		top: 0;
		left: 0;
	}

	12.50001% {
		transform: scaleX(var(--uib-mult)) scaleY(1) translate(0%, 0%);
		transform-origin: top right;
		top: 0;
		left: initial;
		right: 0;
	}

	25% {
		transform: scaleX(1) scaleY(1) translate(0%, 0%);
		transform-origin: top right;
		top: 0;
		left: initial;
		right: 0;
	}

	37.5% {
		transform: scaleX(1) scaleY(var(--uib-mult)) translate(0%, 0%);
		transform-origin: top right;
		top: 0;
		left: initial;
		right: 0;
	}

	37.5001% {
		transform: scaleX(1) scaleY(var(--uib-mult)) translate(0%, 0%);
		transform-origin: bottom right;
		top: initial;
		bottom: 0;
		left: initial;
		right: 0;
	}

	50% {
		transform: scaleX(1) scaleY(1) translate(0%, 0%);
		transform-origin: bottom right;
		top: initial;
		bottom: 0;
		left: initial;
		right: 0;
	}

	62.5% {
		transform: scaleX(var(--uib-mult)) scaleY(1) translate(0%, 0%);
		transform-origin: bottom right;
		top: initial;
		bottom: 0;
		left: initial;
		right: 0;
	}

	62.5001% {
		transform: scaleX(var(--uib-mult)) scaleY(1) translate(0%, 0%);
		transform-origin: bottom left;
		top: initial;
		bottom: 0;
		left: 0;
	}

	75% {
		transform: scaleX(1) scaleY(1) translate(0%, 0%);
		transform-origin: bottom left;
		top: initial;
		bottom: 0;
		left: 0;
	}

	87.5% {
		transform: scaleX(1) scaleY(var(--uib-mult)) translate(0%, 0%);
		transform-origin: bottom left;
		top: initial;
		bottom: 0;
		left: 0;
	}

	87.5001% {
		transform: scaleX(1) scaleY(var(--uib-mult)) translate(0%, 0%);
		transform-origin: top left;
		top: 0;
		left: 0;
	}
}