.woocommerce-account .woocommerce-MyAccount-navigation a[href*="points"]::before {
    content: "\f154"; /* Dashicons star */
    font-family: "Dashicons";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a[href*="subscriptions"]::before {
    content: "\f463"; /* Dashicons check */
    font-family: "Dashicons";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

/* Make sure all menu items align nicely */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
}


/* Only target account dashboard menu items */
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="gift-cards"],
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="giftcards"],
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="my-gift-cards"] {
  position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="gift-cards"]::before,
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="giftcards"]::before,
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="my-gift-cards"]::before {
    content: "\f18e"; /* Dashicons money-alt */
    font-family: "Dashicons";
    /* fallback: if money-alt fails, try generic gift */
    /* content: "\f147"; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}


/* Force sale badge to YayCommerce style */
.woocommerce div.product span.onsale,
.woocommerce-page div.product span.onsale,
ul.products li.product span.onsale {
    background-color: #af0e11 !important; /* YayCommerce red */
    color: #ffffff !important;            /* White text */
    text-transform: uppercase !important; /* All caps */
    font-weight: 600 !important;          /* Bold */
    font-size: 15px !important;            /* Adjust as needed */
    padding: 10px 13px !important;
    border-radius: 10 !important;           /* Matches plugin */
    display: inline-block !important;
}


/* WooCommerce In Stock text on product page */
.single-product .stock.in-stock {
    background-color: #0AAD0A !important; /* Green background */
    color: #ffffff !important;            /* White text */
    font-weight: bold;
    text-transform: none;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;                /* Keeps it compact */
}



/* Applied coupon / gift card chip styling for both visible text and screen reader text */
body.woocommerce-checkout .wc-block-components-chip__text,
body.woocommerce-checkout .screen-reader-text {
    background-color: #598A53 !important; /* Green background */
    color: #ffffff !important;            /* White text */
    font-weight: bold !important;          /* Bold text */
    text-transform: uppercase !important; /* All caps */
    padding: 8px 12px !important;         /* Adjust padding */
    border-radius: 5px !important;        /* Rounded corners */
    display: inline-block !important;
    text-align: center !important;
}

/* Optional: make sure the wrapper chip doesn't conflict */
body.woocommerce-checkout .wc-block-components-chip {
    background-color: #598A53 !important;
    border-radius: 5px !important;
    padding: 0 !important;
}




.password-input {
    position: relative !important;
    display: block !important;
}

.password-input .show-password-input {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    color: #1f1f1f !important;
}

.password-input .show-password-input::before {
    font-family: "Dashicons" !important;
    content: "\f177" !important;
    font-size: 18px !important;
}

.password-input .show-password-input.woocommerce-password-visible::before {
    content: "\f530" !important;
}
.display-password:not(.show-password-input) {
    background-color: #1f1f1f !important;
    color: #fff !important;
    padding: 12px 18px !important;
    border-radius: 6px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    width: 100% !important;
    text-align: center !important;
}

.display-password:not(.show-password-input)::before {
    content: "" !important;
}

.display-password:not(.show-password-input)::after {
    content: "Update" !important;
}