/*
 * Mbus — WooCommerce.
 *
 * Only loaded on cart/checkout/account/shop/product (see inc/enqueue.php),
 * and only present at all when the operator has chosen to route bookings
 * through WooCommerce rather than Bus Booking Manager's own checkout.
 *
 * Scope is deliberately narrow: bring WooCommerce's buttons and form fields
 * in line with the mockup's radius, colour and typography, and leave its
 * layout alone.
 */

.mbus-woocommerce .button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--mbus-primary);
	color: #fff;
	border-radius: 1rem;
	padding: 0.875rem 1.75rem;
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 0.9375rem;
	line-height: 1.2;
	border: 0;
	transition: opacity 0.15s;
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--mbus-primary);
	color: #fff;
	opacity: 0.9;
}

.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: var(--mbus-primary);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	border: 2px solid rgb(226, 232, 240);
	border-radius: 1rem;
	padding: 0.75rem 1rem;
	height: auto;
	font-size: 0.9375rem;
	outline: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--mbus-primary);
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
	border-top-color: var(--mbus-primary);
	border-radius: 1rem;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
	color: var(--mbus-primary);
}

.woocommerce table.shop_table {
	border-radius: 1rem;
	border-color: rgb(226, 232, 240);
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
	font-family: Manrope, sans-serif;
	font-weight: 700;
	color: rgb(15, 23, 42);
}

.woocommerce .price,
.woocommerce ul.products li.product .price {
	color: var(--mbus-primary);
	font-weight: 600;
}