/*
 * Product-card actions and the filter drawer. The generic WooCommerce button
 * hover paints an orange fill while the card rule keeps the label orange, so
 * the words disappear. These rules make the label readable.
 */

button#denisurf-filter-toggle:hover,
button#denisurf-filter-toggle:focus-visible {
	background: transparent;
	background-image: none;
	border-color: transparent;
	box-shadow: none;
	color: var(--denisurf-color-primary);
}

button#denisurf-filter-toggle:hover span,
button#denisurf-filter-toggle:focus-visible span {
	box-shadow: inset 0 -2px 0 var(--denisurf-color-primary);
}

body.woocommerce .site-main ul.products li.product .denisurf-loop-actions .button:hover,
body.woocommerce .site-main ul.products li.product .denisurf-loop-actions .button:focus {
	background: var(--denisurf-color-primary);
	color: #fff;
}

.denisurf-filter-drawer ul li a:hover,
.denisurf-filter-drawer ul li a:focus {
	background: transparent;
	color: var(--denisurf-color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.denisurf-filter-drawer .widget_product_search button:hover,
.denisurf-filter-drawer .widget_price_filter .button:hover,
.denisurf-filter-drawer .widget_product_search button:focus,
.denisurf-filter-drawer .widget_price_filter .button:focus {
	background: var(--denisurf-color-primary);
	border-color: var(--denisurf-color-primary);
	color: #fff;
}