/* Clarvity Digital — My Account (dashboard, orders, licences, downloads, addresses, login). */

body.woocommerce-account .woocommerce {
	font-family: var(--clvc-body) !important; font-weight: 300 !important; color: var(--clvc-muted) !important;
}
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3,
body.woocommerce-account .woocommerce legend {
	font-family: var(--clvc-display) !important; font-weight: 700 !important; color: var(--clvc-ink) !important; letter-spacing: -0.01em !important; text-transform: none !important;
}

/* Left menu */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important; margin: 0 !important; padding: 8px !important; background: var(--clvc-white) !important;
	border: 1px solid var(--clvc-line) !important; border-radius: 16px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block !important; padding: 11px 16px !important; border-radius: 10px !important; color: var(--clvc-ink) !important;
	font-family: var(--clvc-body) !important; font-weight: 400 !important; text-decoration: none !important; border: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: var(--clvc-surface) !important; color: var(--clvc-purple) !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--clvc-lavender) !important; color: var(--clvc-purple) !important; font-weight: 500 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #b3261e !important; }

/* Content area */
body.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--clvc-white) !important; border: 1px solid var(--clvc-line) !important; border-radius: 16px !important; padding: 28px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) { color: var(--clvc-purple) !important; }
body.woocommerce-account .woocommerce-MyAccount-content mark { background: var(--clvc-lavender) !important; color: var(--clvc-ink) !important; padding: 0 4px !important; border-radius: 4px !important; }

/* Tables (orders, downloads, order details) */
body.woocommerce-account .woocommerce table.shop_table,
body.woocommerce-account .woocommerce table.woocommerce-orders-table {
	border: 1px solid var(--clvc-line) !important; border-radius: 12px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; background: var(--clvc-white) !important;
}
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td {
	border: 0 !important; border-bottom: 1px solid var(--clvc-line) !important; padding: 14px 16px !important; background: transparent !important; color: var(--clvc-muted) !important;
}
body.woocommerce-account .woocommerce table.shop_table thead th { background: var(--clvc-surface) !important; color: var(--clvc-ink) !important; font-weight: 500 !important; text-transform: none !important; }
body.woocommerce-account .woocommerce table.shop_table tr:last-child td { border-bottom: 0 !important; }

/* Buttons */
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce .woocommerce-button,
body.woocommerce-account .woocommerce button[type="submit"] {
	background: var(--clvc-purple) !important; color: var(--clvc-white) !important; border: 0 !important; border-radius: 999px !important;
	font-family: var(--clvc-body) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important;
	padding: 10px 20px !important; text-decoration: none !important; box-shadow: none !important; line-height: 1.3 !important;
}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce button[type="submit"]:hover { filter: brightness(1.06) !important; }
body.woocommerce-account .woocommerce .woocommerce-orders-table .button { padding: 8px 16px !important; font-size: 14px !important; margin: 2px !important; }

/* Forms (account details, addresses, login, register) */
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form select,
body.woocommerce-account .woocommerce form textarea,
body.woocommerce-account .woocommerce form .select2-container .select2-selection--single {
	border: 1px solid var(--clvc-line) !important; border-radius: 8px !important; min-height: 46px !important; padding: 10px 14px !important;
	font-family: var(--clvc-body) !important; color: var(--clvc-ink) !important; background: var(--clvc-white) !important; box-shadow: none !important;
}
body.woocommerce-account .woocommerce form .input-text:focus,
body.woocommerce-account .woocommerce form select:focus { border-color: var(--clvc-purple) !important; box-shadow: 0 0 0 3px rgba(103, 84, 233, .15) !important; outline: none !important; }
body.woocommerce-account .woocommerce form .form-row label { color: var(--clvc-ink) !important; font-weight: 400 !important; }
body.woocommerce-account .woocommerce form .required { color: var(--clvc-purple) !important; }
body.woocommerce-account .woocommerce form.woocommerce-form-login,
body.woocommerce-account .woocommerce form.woocommerce-form-register,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword {
	background: var(--clvc-white) !important; border: 1px solid var(--clvc-line) !important; border-radius: 16px !important; padding: 28px !important; margin: 0 0 24px !important;
}
body.woocommerce-account .woocommerce .lost_password a { color: var(--clvc-purple) !important; }

/* Address cards */
body.woocommerce-account .woocommerce-Address {
	background: var(--clvc-surface) !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 16px !important;
}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3 { font-size: 18px !important; }

/* Licences (Clarvity Licences plugin) */
body.woocommerce-account .clvl-licence {
	border: 1px solid var(--clvc-line) !important; border-radius: 16px !important; padding: 20px 22px !important; background: var(--clvc-white) !important;
	box-shadow: 0 10px 24px rgba(103, 84, 233, .06) !important;
}
body.woocommerce-account .clvl-licence code {
	background: var(--clvc-lavender) !important; color: var(--clvc-ink) !important; border-radius: 8px !important; font-size: 15px !important; letter-spacing: .03em !important;
}
body.woocommerce-account .clvl-licence .button:not(.button-primary) {
	background: var(--clvc-white) !important; color: var(--clvc-purple) !important; box-shadow: inset 0 0 0 2px var(--clvc-purple) !important;
}
body.woocommerce-account .clvl-licence table.shop_table td { padding: 10px 14px !important; }

/* Notices */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
	border-radius: 12px !important; border-top: 0 !important; border-left: 4px solid var(--clvc-purple) !important; background: var(--clvc-white) !important; color: var(--clvc-ink) !important;
}
body.woocommerce-account .woocommerce-error { border-left-color: #b3261e !important; }

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content { box-sizing: border-box !important; }
@media (min-width: 769px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation { width: 26% !important; }
	body.woocommerce-account .woocommerce-MyAccount-content { width: 71% !important; }
}
@media (max-width: 768px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 16px !important; }
	body.woocommerce-account .woocommerce-MyAccount-content { padding: 18px 16px !important; }
	body.woocommerce-account .woocommerce form.woocommerce-form-login,
	body.woocommerce-account .woocommerce form.woocommerce-form-register { padding: 18px 16px !important; }
}

/* Centred 1200px area, like cart and checkout. */
body.woocommerce-account .woocommerce {
	max-width: 1200px !important; margin: 0 auto 72px !important; padding: 0 24px !important; box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce::after { content: "" !important; display: table !important; clear: both !important; }
@media (max-width: 768px) { body.woocommerce-account .woocommerce { padding: 0 16px !important; } }
