/**
 * "Перейти в корзину" button in the Modern Cart slide-out drawer.
 *
 * Selectors mirror the plugin's own checkout-button rules so they win over
 * the theme's generic link styles without needing !important.
 */

#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total .wpshop-view-cart {
	padding: 16px 20px 0 20px;
}

#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total .wpshop-view-cart + .wc-proceed-to-checkout {
	padding-top: 10px;
}

#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.wpshop-view-cart-button {
	background-color: transparent;
	border: 2px solid var( --moderncart-primary-color, #d27c61 );
	border-radius: 12px;
	box-sizing: border-box;
	color: var( --moderncart-primary-color, #d27c61 );
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
	width: 100%;
}

/* Deepen to the palette's darker terracotta and pick up a tint, matching how the primary
   checkout button below it reacts. Fading the whole button out on hover (the previous
   opacity: 0.8) reads as "disabled" on an outlined control. */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.wpshop-view-cart-button:hover,
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.wpshop-view-cart-button:focus {
	background-color: rgba( 210, 124, 97, 0.1 );
	border-color: var( --theme-palette-color-2, #bc5d40 );
	color: var( --theme-palette-color-2, #bc5d40 );
	text-decoration: none;
}

/* The floating cart button sits on top of the drawer footer on narrow screens,
   and it is redundant while the drawer is open. */
html.moderncart-trigger-open #moderncart-floating-cart {
	display: none;
}

@media only screen and ( max-width: 767px ) {
	#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total .wpshop-view-cart {
		padding: 12px 16px 0 16px;
	}

	#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.wpshop-view-cart-button {
		font-size: 15px;
		padding: 10px 12px;
	}
}