/* Shared Amarcord account/login dropdown for both active Bricks headers. */
.amarcord-account-panel {
	--amarcord-account-gold: var(--bricks-color-qsocky, #c39e58);
	--amarcord-account-grey: var(--bricks-color-ruyzgj, #9a9898);
	--amarcord-account-dark: var(--bricks-color-safuwh, #5d5b5b);
	--amarcord-account-panel-top: 72px;
	--amarcord-account-panel-right: 2.5vw;
	--amarcord-account-caret-left: calc(100% - 104px);
	inset: var(--amarcord-account-panel-top) var(--amarcord-account-panel-right) auto auto;
	position: fixed;
	width: min(416px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - var(--amarcord-account-panel-top) - 12px);
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
	color: var(--amarcord-account-dark);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
	visibility: hidden;
	z-index: 1600;
}

.amarcord-account-panel.is-open {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.amarcord-account-panel__caret {
	position: absolute;
	top: -7px;
	left: var(--amarcord-account-caret-left);
	width: 14px;
	height: 14px;
	background: #fff;
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}

.amarcord-account-panel__inner {
	position: relative;
	padding: 27px 27px 25px;
	background: #fff;
	border-radius: inherit;
	font-family: inherit;
}

.amarcord-account-panel__close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--amarcord-account-gold);
	cursor: pointer;
}

.amarcord-account-panel__close svg {
	width: 19px;
	height: 19px;
}

.amarcord-account-panel__title {
	max-width: calc(100% - 34px);
	margin: 0 0 5px;
	color: var(--amarcord-account-gold);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
}

.amarcord-account-panel__description {
	max-width: calc(100% - 26px);
	margin: 0;
	color: var(--amarcord-account-grey);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.55;
}

.amarcord-account-panel__description--secondary {
	margin-top: 5px;
}

.amarcord-account-panel__form {
	margin: 17px 0 0 !important;
}

.amarcord-account-panel__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0 0 11px !important;
}

.amarcord-account-panel__field label {
	margin: 0;
	color: var(--amarcord-account-grey);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
}

.amarcord-account-panel .amarcord-account-panel__field input[type="text"],
.amarcord-account-panel .amarcord-account-panel__field input[type="password"] {
	width: 100%;
	height: 41px;
	min-height: 41px;
	margin: 0;
	padding: 7px 10px;
	background: #fff;
	border: 1px solid rgba(195, 158, 88, 0.38);
	border-radius: 0;
	box-shadow: none;
	color: var(--amarcord-account-dark);
	font-size: 13px;
	line-height: 1.3;
}

.amarcord-account-panel .amarcord-account-panel__field input:focus {
	border-color: var(--amarcord-account-gold);
	box-shadow: 0 0 0 1px rgba(195, 158, 88, 0.18);
	outline: 0;
}

.amarcord-account-panel__options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 13px;
}

.amarcord-account-panel__remember {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	color: var(--amarcord-account-gold);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.3;
	cursor: pointer;
}

.amarcord-account-panel__remember input[type="checkbox"] {
	position: relative;
	flex: 0 0 19px;
	width: 19px !important;
	height: 19px !important;
	min-width: 19px;
	min-height: 19px;
	max-width: 19px;
	max-height: 19px;
	aspect-ratio: 1 / 1;
	margin: 0;
	padding: 0 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	background: #fff;
	border: 1px solid rgba(195, 158, 88, 0.7);
	border-radius: 50% !important;
	box-shadow: none;
	transform: none !important;
	cursor: pointer;
}

.amarcord-account-panel__remember input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	inset: 4px;
	background: var(--amarcord-account-gold);
	border-radius: 50%;
}

.amarcord-account-panel__forgot,
.amarcord-account-panel__register a,
.amarcord-account-panel__links a {
	color: var(--amarcord-account-gold);
	text-decoration: none;
}

.amarcord-account-panel__forgot {
	font-size: 9px;
	font-weight: 400;
	line-height: 1.3;
	text-align: right;
}

.amarcord-account-panel__forgot:hover,
.amarcord-account-panel__register a:hover,
.amarcord-account-panel__links a:hover {
	text-decoration: underline;
}

.amarcord-account-panel__submit-row {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.amarcord-account-panel .amarcord-account-panel__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	min-height: 36px;
	margin: 0;
	padding: 0 16px;
	background: var(--amarcord-account-gold);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	cursor: pointer;
}

.amarcord-account-panel__register {
	margin: 17px 0 0;
	color: var(--amarcord-account-grey);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.45;
	text-align: right;
}

.amarcord-account-panel__register a {
	margin-left: 3px;
	font-weight: 500;
}

.amarcord-account-panel__notices {
	margin-top: 12px;
}

.amarcord-account-panel__notices .woocommerce-error,
.amarcord-account-panel__notices .woocommerce-message,
.amarcord-account-panel__notices .woocommerce-info {
	margin: 0;
	padding: 9px 11px;
	background: rgba(139, 46, 46, 0.06);
	border: 1px solid rgba(139, 46, 46, 0.18);
	border-radius: 2px;
	color: #8b2e2e;
	font-size: 10px;
	line-height: 1.45;
	list-style: none;
}

.amarcord-account-panel__notices .woocommerce-error::before,
.amarcord-account-panel__notices .woocommerce-message::before,
.amarcord-account-panel__notices .woocommerce-info::before {
	display: none;
}

.amarcord-account-panel__links {
	display: flex;
	flex-direction: column;
	gap: 1px;
	margin-top: 18px;
	border-top: 1px solid rgba(195, 158, 88, 0.22);
}

.amarcord-account-panel__links a {
	padding: 10px 0;
	border-bottom: 1px solid rgba(195, 158, 88, 0.22);
	font-size: 11px;
	line-height: 1.3;
}

.amarcord-account-control:focus-visible,
.amarcord-account-panel__close:focus-visible,
.amarcord-account-panel__remember input:focus-visible,
.amarcord-account-panel__forgot:focus-visible,
.amarcord-account-panel__register a:focus-visible,
.amarcord-account-panel__links a:focus-visible,
.amarcord-account-panel__submit:focus-visible {
	outline: 2px solid var(--amarcord-account-gold, #c39e58);
	outline-offset: 3px;
}

@media (max-width: 478px) {
	.amarcord-account-panel__inner {
		padding: 24px 18px 21px;
	}

	.amarcord-account-panel__description {
		max-width: calc(100% - 18px);
	}

	.amarcord-account-panel__field label,
	.amarcord-account-panel__description,
	.amarcord-account-panel__remember,
	.amarcord-account-panel__register {
		font-size: 11px;
	}

	.amarcord-account-panel .amarcord-account-panel__field input[type="text"],
	.amarcord-account-panel .amarcord-account-panel__field input[type="password"] {
		height: 44px;
		min-height: 44px;
	}

	.amarcord-account-panel__forgot {
		font-size: 10px;
	}

	.amarcord-account-panel .amarcord-account-panel__submit {
		min-height: 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.amarcord-account-panel {
		transition: none;
	}
}