/*
 * My Account.
 *
 * Page-scoped, enqueued on is_account_page() only, following the same rule as
 * shop.css and cart.css: one stylesheet per template rather than a widened
 * condition.
 */

/* --- Navigation icons -----------------------------------------------------
   Shoptimizer draws each account nav icon as a masked #111 block, and picks
   the mask off the endpoint class WooCommerce puts on the <li>:
   `woocommerce-MyAccount-navigation-link--{endpoint}`. It ships a mask for
   every core endpoint and for a handful of plugin ones, and no mask at all
   for anything else, which leaves the base rule's background with nothing
   cutting it out: a plain 20px black square, faded to 35% until the row is
   hovered or current.

   WPLoyalty's "Points & Rewards" row is that case here. Rather than name its
   endpoint, this gives the base rule a default mask, so the square cannot
   come back for that row or for the next plugin that adds one. The
   endpoint-specific rules in the parent carry an extra class and outrank
   this, so every icon Shoptimizer does know about is untouched.

   The glyph is Shoptimizer's own `--points` gift box, copied verbatim from
   assets/css/main/my-account.css, so it sits in the same 24px frame at the
   same 1.5px round-capped stroke as its neighbours and inherits their
   0.35 -> 1 opacity for the inactive and active states. Copied rather than
   inherited because a mask cannot be referenced from another selector, and
   the parent is a premium theme this repo does not track.

   This selector matches the parent's base rule exactly, so it wins on source
   order alone: the child stylesheet has to stay enqueued after
   shoptimizer-styles, which it is. */
.woocommerce-MyAccount-navigation ul li a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V21M12 8C12 8 12 6.50722 12 6C12 4.89543 12.8954 4 14 4C15.1046 4 16 4.89543 16 6C16 7.10457 15.1046 8 14 8C13.4027 8 12 8 12 8ZM12 8C12 8 12 6.06291 12 5.5C12 4.11929 10.8807 3 9.5 3C8.11929 3 7 4.11929 7 5.5C7 6.88071 8.11929 8 9.5 8C10.3178 8 12 8 12 8ZM5 12H19M5 12C3.89543 12 3 11.1046 3 10C3 8.89543 3.89543 8 5 8H19C20.1046 8 21 8.89543 21 10C21 11.1046 20.1046 12 19 12M5 12L5 19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V12' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V21M12 8C12 8 12 6.50722 12 6C12 4.89543 12.8954 4 14 4C15.1046 4 16 4.89543 16 6C16 7.10457 15.1046 8 14 8C13.4027 8 12 8 12 8ZM12 8C12 8 12 6.06291 12 5.5C12 4.11929 10.8807 3 9.5 3C8.11929 3 7 4.11929 7 5.5C7 6.88071 8.11929 8 9.5 8C10.3178 8 12 8 12 8ZM5 12H19M5 12C3.89543 12 3 11.1046 3 10C3 8.89543 3.89543 8 5 8H19C20.1046 8 21 8.89543 21 10C21 11.1046 20.1046 12 19 12M5 12L5 19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V12' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}