/**
 * WooCommerce corrections.
 *
 * Sizes in px, not rem: bb-theme sets html { font-size: 10px }, so rem here would come
 * out at 62.5% of its intended size. See the note at the top of mdc-membership.css.
 */

/*
 * Puts the text back on buttons inside My Account.
 *
 * The child theme's Additional CSS carries this rule:
 *
 *   .woocommerce-account .woocommerce-MyAccount-content p a { color: #c04732 !important; }
 *
 * It is meant for links in body copy, and for a link it is right. But WooCommerce and
 * WooCommerce Subscriptions both render buttons as an <a class="button"> inside a <p>
 * notice, so those buttons were caught by it too: the theme paints them white on the
 * gold #9b6c1b, and this repainted the text terracotta, leaving dark text on a mid-tone
 * gold that was close to unreadable.
 *
 * !important is used only because the rule being corrected uses it, and specificity
 * alone cannot win against that. Scoped to a.button so ordinary links keep the
 * terracotta the designer intended.
 */
.woocommerce-account .woocommerce-MyAccount-content p a.button,
.woocommerce-account .woocommerce-MyAccount-content p a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content p a.button:focus {
	color: #ffffff !important;
}

/*
 * The empty-state notice these buttons sit in. WooCommerce lays the text and the button
 * out as one run of inline content, which puts the button hard against the sentence.
 */
.woocommerce-account .woocommerce-MyAccount-content p.no_subscriptions a.button {
	margin-left: 12px;
}