/**
 * My Account (login/register/dashboard/orders/addresses/rewards/invite).
 */

.woocommerce-account .woocommerce {
	max-width: 72rem;
	margin: 3rem auto 6rem;
	padding-inline: 1.5rem;
	display: grid;
	gap: 2.5rem;
}
@media (min-width: 768px) {
	.woocommerce-account .woocommerce { grid-template-columns: 14rem 1fr; align-items: start; }
}

.woocommerce-MyAccount-navigation ul { display: flex; flex-direction: column; gap: 0.35rem; list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation a {
	display: block;
	border-radius: 0.9rem;
	padding: 0.7rem 1rem;
	font-size: 0.875rem;
	color: hsl(var(--plum) / 0.75);
}
.woocommerce-MyAccount-navigation li.is-active a { background: hsl(var(--rose)); color: hsl(var(--ivory)); }
.woocommerce-MyAccount-navigation a:hover { background: hsl(var(--blush) / 0.6); }

.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 {
	font-family: var(--font-display-family);
	color: hsl(var(--plum));
}

.woocommerce-MyAccount-content table.shop_table { margin-top: 1rem; }
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-form-login .woocommerce-Button,
.woocommerce-form-register .woocommerce-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: hsl(var(--rose));
	color: hsl(var(--ivory));
	padding: 0.85rem 2rem;
	font-size: 12px;
	letter-spacing: 0.14em;
}
.woocommerce-form-row label { display: block; font-size: 0.75rem; color: hsl(var(--muted-foreground)); margin-bottom: 0.35rem; }
.woocommerce-form-row .woocommerce-Input {
	width: 100%;
	border: 1px solid hsl(var(--champagne) / 0.6);
	border-radius: 1rem;
	padding: 0.75rem 1rem;
}
.u-columns { display: grid; gap: 2rem; }
@media (min-width: 640px) { .u-columns { grid-template-columns: repeat(2, 1fr); } }

/* ---- Loyalty / Referral ---- */

.evelia-loyalty-card {
	border-radius: 1.75rem;
	background: linear-gradient(120deg, hsl(var(--plum)), hsl(345 28% 22%));
	color: hsl(var(--ivory));
	padding: 2.5rem;
	text-align: center;
}
.evelia-loyalty-card__eyebrow { font-size: 10px; letter-spacing: 0.35em; color: hsl(var(--champagne)); }
.evelia-loyalty-card__points { font-family: var(--font-display-family); font-size: 3.5rem; margin-top: 0.75rem; }
.evelia-loyalty-card__label { margin-top: 0.25rem; color: hsl(var(--ivory) / 0.8); }

.evelia-loyalty-tiers { margin-top: 1.5rem; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .evelia-loyalty-tiers { grid-template-columns: repeat(4, 1fr); } }
.evelia-loyalty-tiers__item { border: 1px solid hsl(var(--champagne) / 0.5); border-radius: 1.25rem; padding: 1rem; text-align: center; }
.evelia-loyalty-tiers__item.is-current { border-color: hsl(var(--rose)); background: hsl(var(--blush) / 0.4); }
.evelia-loyalty-tiers__perk { color: hsl(var(--rose)); font-size: 0.8125rem; margin-top: 0.25rem; }
.evelia-loyalty-note { margin-top: 1.5rem; font-size: 0.8125rem; color: hsl(var(--muted-foreground)); text-align: center; }

.evelia-referral-card {
	border-radius: 1.75rem;
	background: linear-gradient(to left, hsl(var(--blush) / 0.6), hsl(var(--nude) / 0.6));
	padding: 2.25rem;
}
.evelia-referral-card__eyebrow { font-size: 10px; letter-spacing: 0.3em; color: hsl(var(--gold)); }
.evelia-referral-card__link { margin-top: 1.25rem; display: flex; gap: 0.6rem; }
.evelia-referral-card__link input {
	flex-grow: 1;
	border: 1px solid hsl(var(--champagne) / 0.6);
	border-radius: 999px;
	padding: 0.7rem 1.1rem;
	background: hsl(var(--ivory));
	font-size: 0.8125rem;
}