/*
 * Hair design - after our supplier Viya Hair's store: white page, one strong pink, a black trust
 * bar, square edges, an outlined card button that says the saving, a black "selected" pill and a
 * pink Buy it now. Everything else comes from base.css and the tokens in design.json.
 */

.mv-section__title { font-weight: 500; }
.mv-header { border-bottom: 0; box-shadow: 0 6px 18px rgba(0,0,0,.05); }
.mv-header__brand img, .mv-header__brand .custom-logo { max-height: 64px; }
.mv-menu a { font-size: 16px; }
.mv-menu a:hover { color: var(--mv-accent); }

/* Cards: pink price, outlined button that fills on hover */
ul.products li.product .price ins, ul.products li.product .price > .amount { color: var(--mv-accent); }
ul.products li.product .button {
	background: transparent; color: var(--mv-text); border: 1px solid var(--mv-accent);
	font-weight: 600; letter-spacing: .03em;
}
ul.products li.product .button:hover { background: var(--mv-accent); color: var(--mv-accent-text); filter: none; }
ul.products li.product a img { border-radius: 0; }

/* Category circles: large, on pale grey */
.mv-cats__pic { background: #ececec; }
.mv-cats__name { font-size: 18px; }

/* Product page */
.single-product .product_title { font-weight: 500; }
/* !important: WooCommerce's ".woocommerce button.button.alt" (purple) is more specific. */
.single-product form.cart .single_add_to_cart_button {
	background: #f2f2f2 !important; color: var(--mv-text) !important; border: 1px solid var(--mv-text) !important;
}
.single-product form.cart .single_add_to_cart_button:hover { background: var(--mv-text) !important; color: var(--mv-bg) !important; filter: none; }
.single-product form.cart .single_add_to_cart_button.disabled { opacity: .55; }
.mv-buy-now { background: var(--mv-accent) !important; border-color: var(--mv-accent) !important; color: var(--mv-accent-text) !important; }
.single-product form.cart .quantity .qty { border-radius: 0; }
.mv-pill { border-color: var(--mv-text); }
.mv-acc__head { font-size: 17px; color: var(--mv-muted); }
.mv-acc[open] > .mv-acc__head { color: var(--mv-text); }
.single-product .star-rating, .woocommerce .star-rating { color: var(--mv-accent); }

/* Toolbar like the supplier's: outlined Filter, small caps */
.mv-toolbar__filter { border-color: var(--mv-accent); color: var(--mv-text); }