/**
 * Simple Shop Hover Button Text Color Fix
 * Override inherited dark heading color with white text for readability
 */

/* Make hover button text white for visibility on any background */
.woocommerce ul.products li.product .ast-on-card-button,
.woocommerce ul.products li.product .ast-select-options-trigger,
.woocommerce ul.products li.product .add_to_cart_button {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Also target the tooltip text and icons */
.woocommerce ul.products li.product .ast-card-action-tooltip {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* SVG icons should also be white - target all levels */
.woocommerce ul.products li.product .ast-on-card-button .ast-icon,
.woocommerce ul.products li.product .ast-select-options-trigger .ast-icon,
.woocommerce ul.products li.product .ast-on-card-button svg,
.woocommerce ul.products li.product .ast-select-options-trigger svg,
.woocommerce ul.products li.product .icon-bag svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}

/* Target SVG path elements specifically for bag icon */
.woocommerce ul.products li.product .ast-on-card-button svg path,
.woocommerce ul.products li.product .ast-select-options-trigger svg path,
.woocommerce ul.products li.product .icon-bag svg path,
.woocommerce ul.products li.product .ast-on-card-button .icon-bag path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}