/**
 * WooCommerce surfaces aligned with GeneratePress tokens on munjr.com.
 *
 * Tokens (from GP Customizer / global colors):
 *   --accent #1e73be, --base-3 #fff, --contrast #222, --contrast-2 #575760,
 *   --contrast-3 #b2b2be, --base #f0f0f0, --base-2 #f7f8f9
 *   Body #1e1e23, nav hover #31c8ff
 *   GP buttons: #55555e / hover #3f4047, white text, 10px 20px, 1px transparent border
 */

.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce #place_order,
.woocommerce a.added_to_cart,
.woocommerce-page a.button,
.woocommerce-page a.button.alt,
.woocommerce-page button.button,
.woocommerce-page button.button.alt,
.woocommerce-page input.button,
.woocommerce-page input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.button.wc-backward,
.woocommerce-checkout button.button,
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce #payment #place_order,
body.woocommerce a.button,
body.woocommerce-page a.button {
	color: #ffffff;
	background-color: #55555e;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 10px 20px;
	font-weight: 400;
	text-decoration: none;
	text-shadow: none;
	box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #place_order:hover,
.woocommerce #place_order:focus,
.woocommerce a.added_to_cart:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover {
	color: #ffffff;
	background-color: #3f4047;
	border-color: transparent;
}

.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce #place_order.disabled,
.woocommerce #place_order:disabled {
	color: #ffffff;
	background-color: #55555e;
	opacity: 0.55;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
	background-color: rgba(255, 255, 255, 0.06);
	color: var(--base-3, #ffffff);
	border-top: 3px solid var(--accent, #1e73be);
	border-radius: 0;
}

.woocommerce-info {
	border-top-color: #31c8ff;
}

.woocommerce-error {
	border-top-color: #c45c5c;
}

.woocommerce-message::before {
	color: var(--accent, #1e73be);
}

.woocommerce-info::before {
	color: #31c8ff;
}

.woocommerce-error::before {
	color: #c45c5c;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
	color: #31c8ff;
}

.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
	color: #ffffff;
	background-color: #55555e;
}

.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover {
	background-color: #3f4047;
	color: #ffffff;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce div.product span.onsale {
	background-color: var(--accent, #1e73be);
	color: #ffffff;
	text-shadow: none;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce div.product p.price .amount,
.woocommerce-page .price {
	color: var(--base-3, #ffffff);
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
	color: var(--base-3, #ffffff);
	background: transparent;
}

.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	color: var(--contrast-3, #b2b2be);
	opacity: 0.85;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title {
	color: var(--base-3, #ffffff);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product a:hover h2,
.woocommerce ul.products li.product a:hover h3 {
	color: #31c8ff;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .product_meta,
.woocommerce .sku_wrapper,
.woocommerce .posted_in,
.woocommerce .tagged_as {
	color: var(--contrast-3, #b2b2be);
}

.woocommerce .product_meta a {
	color: var(--accent, #1e73be);
}

.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.woocommerce .quantity .qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout .select2-container .select2-selection--single,
.woocommerce form.login input[type="text"],
.woocommerce form.login input[type="password"],
.woocommerce form.register input[type="text"],
.woocommerce form.register input[type="email"],
.woocommerce form.register input[type="password"] {
	color: var(--contrast, #222222);
	background-color: var(--base-2, #f7f8f9);
	border: 1px solid var(--base, #f0f0f0);
	border-radius: 0;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce .quantity .qty:focus,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce-checkout .select2-container--focus .select2-selection--single {
	color: var(--contrast, #222222);
	background-color: var(--base-2, #f7f8f9);
	border-color: var(--contrast-3, #b2b2be);
	outline: none;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table_responsive,
.woocommerce-cart table.cart,
.woocommerce-checkout table.shop_table {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--base-3, #ffffff);
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
	background: transparent;
	color: var(--base-3, #ffffff);
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #payment .payment_method_chargebee label {
	color: var(--base-3, #ffffff);
}

.woocommerce-checkout #payment {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.woocommerce-checkout #payment ul.payment_methods li {
	color: var(--base-3, #ffffff);
}

.woocommerce-checkout #payment div.payment_box {
	background: rgba(0, 0, 0, 0.28);
	color: var(--base-3, #ffffff);
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: rgba(0, 0, 0, 0.28);
}

.woocommerce-checkout #payment div.payment_box a {
	color: #31c8ff;
}

.woocommerce-checkout #payment div.form-row {
	color: var(--base-3, #ffffff);
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .form-row label {
	color: var(--base-3, #ffffff);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding-left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: rgba(255, 255, 255, 0.15);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 0;
	margin-right: 4px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--base-3, #ffffff);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #31c8ff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: transparent;
	border-bottom-color: #1e1e23;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #31c8ff;
}

.woocommerce div.product .woocommerce-tabs .panel {
	color: var(--base-3, #ffffff);
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	color: var(--base-3, #ffffff);
}

.woocommerce .woocommerce-breadcrumb {
	color: var(--contrast-3, #b2b2be);
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--accent, #1e73be);
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: #31c8ff;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
	border-color: rgba(255, 255, 255, 0.15);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	color: var(--base-3, #ffffff);
	background: transparent;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #55555e;
	color: #ffffff;
}

.woocommerce .star-rating span::before,
.woocommerce p.stars a {
	color: var(--accent, #1e73be);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: var(--base-3, #ffffff);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	color: #31c8ff;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	color: var(--base-3, #ffffff);
}

.woocommerce-account .woocommerce-form-login a,
.woocommerce-account .lost_password a {
	color: var(--accent, #1e73be);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
	background: transparent;
}

.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	color: var(--base-3, #ffffff);
	border-color: rgba(255, 255, 255, 0.12);
	background: transparent;
}

.woocommerce-account a.woocommerce-button.button,
.woocommerce-account .woocommerce-Pagination a.woocommerce-button {
	color: #ffffff;
	background-color: #55555e;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0;
}

.woocommerce .blockUI.blockOverlay {
	background: #1e1e23 !important;
}

.wc-block-components-button:not(.is-link),
.wp-block-button__link.wc-block-components-button {
	background-color: #55555e !important;
	color: #ffffff !important;
	border-radius: 0 !important;
}

.wc-block-components-button:not(.is-link):hover,
.wp-block-button__link.wc-block-components-button:hover {
	background-color: #3f4047 !important;
	color: #ffffff !important;
}

.wc-block-components-notice-banner,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: var(--base-3, #ffffff) !important;
	border-color: var(--accent, #1e73be) !important;
}

.wc-block-components-notice-banner.is-error {
	border-color: #c45c5c !important;
}
