/**
 * Scherrer Winery — My Account Page
 *
 * Restyles the WooCommerce My Account vertical navigation:
 *   - No bullets, no underlines
 *   - Dashicon on the right of each item (decorative, via ::after)
 *   - Generous vertical spacing matching the live site
 *   - Light burgundy tint background on hover / focus / current page
 *
 * EVERY selector is prefixed with .woocommerce-MyAccount-navigation,
 * so nothing in this file can physically match any element outside the
 * My Account vertical nav. No global rules. No body-level overrides.
 *
 * Markup is untouched — pure CSS.
 *
 * WCAG 2.1 AA:
 *   - 1.4.1 Use of Color: link identity via nav landmark + list structure
 *   - 1.4.3 Contrast: burgundy on white/tinted-white >= 10:1
 *   - 1.4.11 Non-text Contrast: focus outline >= 3:1
 *   - 2.4.7 Focus Visible: outline on :focus-visible
 *   - 2.4.8 Location: .is-active given distinct persistent styling
 */

/* ---------- List reset ---------- */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li::before,
.woocommerce-MyAccount-navigation ul li::marker {
    content: none;
}

/* ---------- Link as the row ---------- */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    color: rgb(83, 17, 37);
    text-decoration: none;
    background-color: transparent;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* ---------- States ---------- */
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(83, 17, 37, 0.08);
    color: rgb(40, 40, 40);
    text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li a:focus-visible {
    background-color: rgba(83, 17, 37, 0.08);
    color: rgb(40, 40, 40);
    outline: 2px solid rgb(83, 17, 37);
    outline-offset: 2px;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: rgba(83, 17, 37, 0.14);
    color: rgb(83, 17, 37);
}

.woocommerce-MyAccount-navigation ul li.is-active a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a:focus-visible {
    background-color: rgba(83, 17, 37, 0.18);
    color: rgb(83, 17, 37);
}

/* ---------- Underline override (all link states) ---------- */
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-MyAccount-navigation ul li a:focus-visible,
.woocommerce-MyAccount-navigation ul li a:active,
.woocommerce-MyAccount-navigation ul li a:visited {
    text-decoration: none;
}

/* ---------- Dashicon on the right ----------
 * Decorative — generated content is ignored by screen readers, so no
 * ARIA needed. Color follows currentColor so it inverts with text.
 */
.woocommerce-MyAccount-navigation ul li a::after {
    font-family: dashicons;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1;
    color: currentColor;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    flex-shrink: 0;
}

/* Endpoint -> Dashicon mapping
 * Unicode codepoints from https://developer.wordpress.org/resource/dashicons/
 * Note: Smart Coupons plugin uses --wc-smart-coupons (not --coupons).
 */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::after        { content: "\f226"; } /* dashicons-dashboard */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::after           { content: "\f174"; } /* dashicons-cart */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-smart-coupons a::after { content: "\f486"; } /* dashicons-tickets */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::after     { content: "\f102"; } /* dashicons-admin-home */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::after  { content: "\f18e"; } /* dashicons-money-alt */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::after     { content: "\f110"; } /* dashicons-admin-users */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::after  { content: "\f14a"; } /* dashicons-exit */