/* 
 * Fix for h3.product-list-title color
 * This file specifically targets the h3.product-list-title element shown in the jaksmoge.com screenshot
 * Created on: 2025-05-28
 */

/* Target h3.product-list-title with maximum specificity */
h3.product-list-title,
.woocommerce h3.product-list-title,
#main h3.product-list-title,
.site-content h3.product-list-title,
body h3.product-list-title,
html body h3.product-list-title {
    color: #ffffff !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Target the links inside h3.product-list-title */
h3.product-list-title a,
.woocommerce h3.product-list-title a,
#main h3.product-list-title a,
.site-content h3.product-list-title a,
body h3.product-list-title a,
html body h3.product-list-title a {
    color: #ffffff !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Target the specific element structure seen in the screenshot */
.product-list-wrap h3.product-list-title,
.product-list-wrap h3.product-list-title a,
.product-list-block h3.product-list-title,
.product-list-block h3.product-list-title a,
.product-list-content h3.product-list-title,
.product-list-content h3.product-list-title a {
    color: #ffffff !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Force all product titles to white regardless of context */
[class*="product-list-title"],
[class*="product-list-title"] a {
    color: #ffffff !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}