/**
 * My Account page styles.
 */

.dc-main--account {
	padding-block: var(--dc-space-8) var(--dc-space-12);
}

.dc-main--account .dc-page-header {
	margin-bottom: var(--dc-space-8);
}

.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
	margin: 0 0 var(--dc-space-6);
}

.woocommerce-account .woocommerce-MyAccount-content > p {
	margin: 0 0 var(--dc-space-4);
}

.woocommerce-account .woocommerce-MyAccount-content .dc-btn,
.woocommerce-account .woocommerce-MyAccount-content a.dc-btn {
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a.dc-btn--primary {
	background: var(--dc-colour-brand);
	color: #fff;
	border-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-content a.dc-btn--primary:hover {
	background: var(--dc-colour-brand-dark);
	color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content a.dc-btn--secondary {
	background: var(--dc-colour-surface);
	color: var(--dc-colour-text);
	border-color: var(--dc-colour-border);
}

.woocommerce-account .woocommerce-MyAccount-content a.dc-btn--secondary:hover {
	border-color: var(--dc-colour-brand);
	color: var(--dc-colour-brand);
}

.woocommerce-orders-table {
	width: 100%;
	border: 1px solid var(--dc-colour-border);
	border-radius: var(--dc-radius-lg);
	overflow: hidden;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
	padding: var(--dc-space-4) var(--dc-space-5);
	text-align: left;
	border-bottom: 1px solid var(--dc-colour-border);
}

.woocommerce-orders-table th {
	background: var(--dc-colour-bg);
	font-weight: 700;
}

.woocommerce-orders-table a {
	color: var(--dc-colour-brand);
}

.woocommerce-AccountForm,
.woocommerce-EditAccountForm,
.woocommerce-address-fields {
	max-width: 40rem;
}

.woocommerce-account .woocommerce-Address {
	margin-bottom: var(--dc-space-8);
}

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	gap: var(--dc-space-6);
}

@media (min-width: 768px) {
	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--dc-space-8);
	}
}