/*
 * WooCommerce.
 *
 * Loaded only on shop, cart, checkout and account pages. Every rule maps a
 * WooCommerce class onto a token already declared in theme.json; nothing here
 * introduces a colour, a size or a font of its own.
 */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--driveline-accent);
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--tracking--wide);
	line-height: 1.2;
	padding-block: 0.85em;
	padding-inline: 1.6em;
	text-transform: uppercase;
	transition: background-color var(--wp--custom--motion--base);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background-color: var(--driveline-surface);
	border-block-start: var(--wp--custom--stroke--rule) solid var(--driveline-accent);
	border-radius: var(--wp--custom--radius--md);
	padding: var(--wp--preset--spacing--30);
}

.woocommerce table.shop_table {
	border: 0;
	border-collapse: collapse;
	inline-size: 100%;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-block-end: var(--wp--custom--stroke--hairline) solid var(--driveline-rule);
	padding-block: var(--wp--preset--spacing--20);
	padding-inline-end: var(--wp--preset--spacing--20);
	text-align: start;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation li {
	border-block-end: var(--wp--custom--stroke--hairline) solid var(--driveline-rule);
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding-block: var(--wp--preset--spacing--20);
	text-decoration: none;
}
