

.woocommerce-account .woocommerce-MyAccount-navigation a[href*="giftcards"]::before {
    content: "\f2dc"; 
    font-family: "bootstrap-icons";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation a[href*="subscriptions"]::before {
    content: "\f154"; 
    font-family: "bootstrap-icons";
    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: "\f2dc"; 
    font-family: "bootstrap-icons" ;
    /* 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: #1F7A1F !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;
}


/* Hide Payment Methods */
.woocommerce-MyAccount-navigation-link--payment-methods {
    display: none !important;
}


/* Hide Store Credit */

.woocommerce-MyAccount-navigation-link--store-credit {

    display: none !important;

}

/* Hide Downloads */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* Hide Account Details */
.woocommerce-MyAccount-navigation-link--edit-account {
    display: none !important;
}

/* Hide WooCommerce Points & Rewards error notice */
.wps-par_ma-notice.par-notice-error.wps_wpr_error_notice_for_coupon_display {
    display: none !important;
}

/* Hide variation price on mobile */
@media (max-width: 767px) {
  .woocommerce-variation-price {
    display: none !important;
  }
}
/* Hide WooCommerce block gallery next/previous buttons on desktop*/
.wc-block-next-previous-buttons__button {
  display: none !important;
}
/* Make review link decorative only */
.woocommerce-review-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #1f1f1f;
}
.wp-block-accordion-heading__toggle,
.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading__toggle:focus {
  background-color: transparent !important;
}

/* Keep border, remove hover/focus effects from comment textarea */
#comment {
  background: #fff; /* or your preferred color */
  border: 1px solid #ccc; /* keep visible border */
  box-shadow: none !important; /* remove shadow */
  transition: none !important; /* remove hover/focus color transitions */
}

/* Remove any background or shadow on focus/hover in single product reviews comment */
#comment:focus,
#comment:hover {
  background: #fff !important; /* same as normal state */
  box-shadow: none !important;
  outline: none; /* optional: remove default focus outline */
}

@media (max-width: 767px) {
  .single-product [data-block-name="woocommerce/product-price"]:first-of-type .woocommerce-Price-amount.amount {
      font-size: 22px !important;
  }
}

/* Single product main price – default (not on sale) */
.single-product 
[data-block-name="woocommerce/product-price"]:not([data-is-descendent-of-query-loop="true"]) 
.woocommerce-Price-amount.amount {
    font-size: 25px !important;
    color: #1F7A1F !important; /* green */
    font-weight: 700 !important;
}

/* When product IS on sale – original price (strikethrough) */
.single-product 
[data-block-name="woocommerce/product-price"]:not([data-is-descendent-of-query-loop="true"]) 
del .woocommerce-Price-amount.amount {
    color: #000000 !important; /* black */
    font-weight: 500 !important;
}

/* When product IS on sale – sale price */
.single-product 
[data-block-name="woocommerce/product-price"]:not([data-is-descendent-of-query-loop="true"]) 
ins .woocommerce-Price-amount.amount {
    color: #D32F2F !important; /* red */
    font-weight: 700 !important;
}


/* Hide the comment/review section header */
#reply-title {
    display: none !important;
}

/* Hide the WooCommerce star rating block */
.stars-wrapper {
    display: none !important;
}

/* Target the rating select box */
#rating-selector {
    appearance: none;          /* Remove browser styling (dropdown arrow) */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff !important; /* Solid white background */
    border: 1px solid #ccc;    /* Keep a simple border */
    box-shadow: none !important; /* Remove any shadow */
    outline: none !important;   /* Remove focus outline */
}

/* Optional: remove hover/focus effects from single product reviews */
#rating-selector:hover,
#rating-selector:focus,
#rating-selector:active {
    background: #fff !important;
    box-shadow: none !important;
}
