/* WC Login to Cart — styling for the "Login/Register to Add to Cart" button.
   Selectors use `a.ltc-login-button` so they win over a bare theme `.button`
   rule. Override anything you like in your theme, or swap the classes entirely
   with the `ltc_button_class` filter. */

a.ltc-login-button,
a.ltc-login-button:link,
a.ltc-login-button:visited {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0.7em 1.5em;
	border: 0;
	border-radius: 4px;
	background-color: #2b2d33;
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

a.ltc-login-button:hover,
a.ltc-login-button:focus,
a.ltc-login-button:active {
	background-color: #1f2025;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

/* A little breathing room on the single product page (it sits under the variation
   selectors / price). */
.single-product a.ltc-login-button,
.woocommerce div.product a.ltc-login-button {
	margin-top: 1em;
}

/* In product grids, match the block/loop button's full-width feel where themes do that. */
.wc-block-grid__product a.ltc-login-button,
.wp-block-woocommerce-product-button a.ltc-login-button,
ul.products li.product a.ltc-login-button {
	margin-top: 0.5em;
}
