/**
 * ESS WC Template Pack — my account layer.
 */
.ess-wct-myaccount { padding-block: var(--ess-space-6); display: grid; gap: var(--ess-space-6); }
@media (min-width: 768px) { .ess-wct-myaccount { grid-template-columns: 240px 1fr; align-items: start; } }

.ess-wct-myaccount__nav { background: var(--ess-color-bg); border: 1px solid var(--ess-color-border); border-radius: var(--ess-radius-md); padding: var(--ess-space-3); }
.ess-wct-myaccount__nav ul { list-style: none; padding: 0; margin: 0; }
.ess-wct-myaccount__nav li + li { margin-top: var(--ess-space-1); }
.ess-wct-myaccount__nav a {
	display: block;
	padding: var(--ess-space-3) var(--ess-space-4);
	color: var(--ess-color-text);
	text-decoration: none;
	border-radius: var(--ess-radius-sm);
	font-size: var(--ess-text-sm);
}
.ess-wct-myaccount__nav a:hover { background: var(--ess-color-bg-sec); color: var(--ess-color-primary); }
.ess-wct-myaccount__nav .is-active > a { background: var(--ess-color-primary); color: #fff; font-weight: var(--ess-weight-semibold); }

.ess-wct-myaccount__content { background: var(--ess-color-bg); border: 1px solid var(--ess-color-border); border-radius: var(--ess-radius-md); padding: var(--ess-space-6); }
.ess-wct-myaccount__content h2 { margin-top: 0; color: var(--ess-color-primary); }

.ess-wct-order-status { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--ess-radius-full); font-size: var(--ess-text-xs); font-weight: var(--ess-weight-semibold); }
.ess-wct-order-status--completed { background: var(--ess-color-success-bg); color: var(--ess-color-success); }
.ess-wct-order-status--processing { background: var(--ess-color-info-bg); color: var(--ess-color-info); }
.ess-wct-order-status--on-hold { background: var(--ess-color-warning-bg); color: var(--ess-color-warning); }
.ess-wct-order-status--cancelled,
.ess-wct-order-status--failed,
.ess-wct-order-status--refunded { background: var(--ess-color-error-bg); color: var(--ess-color-error); }