/**
 * Side cart (side-cart-woocommerce) footer: one prominent Complete Purchase button.
 *
 * Woodmart → Theme Settings → Custom CSS carries
 *   .xoo-wsc-ft-buttons-cont, .xoo-wsc-footer-txt { display:none !important; }
 * which hid the whole button row. The first rule below outranks it on specificity; the
 * footer text stays hidden. Button markup and URLs are set in Cart\SideCart.
 */

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont {
	display: grid !important;
	grid-template-columns: 1fr;
	row-gap: 6px;
	margin-top: 4px;
}

/* Beats the plugin's inline `.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn` custom theme. */
.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	width: 100%;
	min-height: 48px;
	padding: 12px 20px;
	background-color: #2665B9;
	color: #fff;
	border: 0;
	border-radius: var(--wd-form-brd-radius, 0);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary:hover,
.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary:focus-visible {
	background-color: #1B4F93;
	color: #fff;
	border: 0;
}

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary:focus-visible {
	outline: 3px solid #0d2f5c;
	outline-offset: 2px;
}

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary .amount,
.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary:hover .amount {
	color: #fff;
	font-style: normal;
	font-weight: 700;
}

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary .amount:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	margin: 0 12px;
	vertical-align: -0.15em;
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 360px) {
	.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a.cri-side-cart-primary {
		padding: 12px 14px;
		font-size: 15px;
	}
}