/* ==========================================================================
   My Account: login / register cards and the logged-in dashboard
   ========================================================================== */

/* Login / register */
.tech-ae-auth { display: grid; gap: 24px; max-width: 520px; margin-inline: auto; }
.tech-ae-auth--two { max-width: 1040px; }
@media (min-width: 900px) { .tech-ae-auth--two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }

.tech-ae-auth__card {
	padding: 28px 20px;
	border: 1px solid var(--tech-ae-border);
	border-radius: var(--tech-ae-radius-lg);
	background: var(--tech-ae-white);
	scroll-margin-top: 24px;
}
.tech-ae-auth__card:target { border-color: var(--tech-ae-primary); }
@media (min-width: 576px) { .tech-ae-auth__card { padding: 36px 34px; } }

.tech-ae-auth__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: var(--tech-ae-soft);
	color: var(--tech-ae-primary);
}
.tech-ae-auth__title { margin: 0 0 6px; font-size: 1.5rem; }
.tech-ae-auth__intro { margin: 0 0 22px; color: var(--tech-ae-grey); font-size: 15px; }
.tech-ae-auth__note { color: var(--tech-ae-grey); font-size: 14px; }

.tech-ae-auth form.login,
.tech-ae-auth form.register { margin: 0; padding: 0; border: 0; border-radius: 0; }
.tech-ae-auth form .form-row { margin: 0 0 16px; padding: 0; }
.tech-ae-auth .form-row label { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.tech-ae-auth .form-row .input-text { width: 100%; min-height: 50px; font-size: 16px; }
.tech-ae-auth .required { color: var(--tech-ae-primary); }
.tech-ae-auth .password-input { display: block; width: 100%; }

.tech-ae-auth__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 4px 0 20px;
	font-size: 14px;
}
.tech-ae-auth__row label { display: inline-flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
.tech-ae-auth__row input[type="checkbox"] { width: 17px; height: 17px; accent-color: var(--tech-ae-primary); }
.tech-ae-auth .tech-ae-btn { min-height: 50px; font-size: 16px; }
.tech-ae-auth .cf-turnstile { margin-bottom: 16px; }

/* Logged-in account */
@media (min-width: 768px) {
	.logged-in.woocommerce-account .woocommerce { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 32px; align-items: start; }
	.logged-in.woocommerce-account .woocommerce::before,
	.logged-in.woocommerce-account .woocommerce::after { display: none; }
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }
	.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
}
.woocommerce-MyAccount-navigation ul {
	margin: 0 0 24px;
	padding: 8px;
	list-style: none;
	border: 1px solid var(--tech-ae-border);
	border-radius: var(--tech-ae-radius-lg);
	background: var(--tech-ae-white);
}
.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 10px 14px;
	border-radius: var(--tech-ae-radius);
	color: var(--tech-ae-dark);
	font-weight: 500;
}
.woocommerce-MyAccount-navigation a:hover { background: var(--tech-ae-soft); color: var(--tech-ae-primary); }
.woocommerce-MyAccount-navigation .is-active a { background: var(--tech-ae-primary); color: var(--tech-ae-white); }
.woocommerce-MyAccount-content {
	padding: 24px 20px;
	border: 1px solid var(--tech-ae-border);
	border-radius: var(--tech-ae-radius-lg);
	background: var(--tech-ae-white);
}
@media (min-width: 576px) { .woocommerce-MyAccount-content { padding: 30px; } }
.woocommerce-MyAccount-content .form-row label { font-weight: 600; font-size: 14px; }
.woocommerce-MyAccount-content .form-row .input-text { width: 100%; }
.woocommerce-MyAccount-content fieldset { margin: 24px 0; padding: 18px; border: 1px solid var(--tech-ae-border); border-radius: var(--tech-ae-radius); }