/* Custom Text Colors CSS
 * This file overrides the default orange text colors with customizable colors from the admin panel
 * Enhanced version to target ALL orange text elements throughout the site
 */

/* Global color overrides for all elements with orange text */
[style*="color:#F15412"], 
[style*="color: #F15412"],
[style*="color:#f15412"], 
[style*="color: #f15412"],
[style*="color: #ff6600"],
[style*="color:#ff6600"] {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Specific fix for navigation menu items */
.main-menu ul li a.active,
.main-menu ul li a:hover {
    color: var(--theme-color, #3BB77E) !important;
}

/* Unified styling for all main menu items */
.main-menu ul li a {
    color: var(--text-color, #253D4E) !important;
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Ensure all menu items have consistent styling */
.main-menu ul li a[href="index.php"],
.main-menu ul li a[href="product-category.php"],
.main-menu ul li a[href="#"],
.main-menu ul li a[href="shipment-tracking.php"] {
    color: var(--text-color, #253D4E) !important;
}

/* Hover state for all menu items */
.main-menu ul li a[href="index.php"]:hover,
.main-menu ul li a[href="product-category.php"]:hover,
.main-menu ul li a[href="#"]:hover,
.main-menu ul li a[href="shipment-tracking.php"]:hover {
    color: var(--theme-color, #3BB77E) !important;
}

/* Global background color overrides for all elements with orange background */
[style*="background-color:#F15412"], 
[style*="background-color: #F15412"],
[style*="background-color:#f15412"], 
[style*="background-color: #f15412"],
[style*="background:#F15412"], 
[style*="background: #F15412"],
[style*="background:#f15412"], 
[style*="background: #f15412"] {
    background-color: var(--button-background, var(--theme-color)) !important;
}

/* Global border color overrides for all elements with orange borders */
[style*="border-color:#F15412"], 
[style*="border-color: #F15412"],
[style*="border-color:#f15412"], 
[style*="border-color: #f15412"],
[style*="border:#F15412"], 
[style*="border: #F15412"],
[style*="border:#f15412"], 
[style*="border: #f15412"] {
    border-color: var(--button-background, var(--theme-color)) !important;
}

/* Price text colors */
.price, 
.product-price span:first-child,
.price-amount,
.product-price-amount,
.product-card .product-price {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Navigation and menu text colors */
.header-wrap .header-nav a:hover,
.header-wrap .header-nav .active a,
.categories-dropdown-wrap ul li a:hover,
.nav-item a:hover,
.nav-item .active,
.categories-button-active,
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Button text and background colors */
.btn-primary,
.btn-default,
.btn-small,
.btn-heading,
.newsletter-btn,
.banner-btn,
.custom-btn,
.slider-btn {
    background-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Link colors */
a:hover,
.text-brand,
.categories-button-active,
.navigation-area a:hover,
.mobile-promotion-text a,
.product-category a:hover,
.product-category .active,
.product-category li:hover,
.product-category li.active,
.breadcrumb-item a:hover,
.page-item.active .page-link,
.product-more-infor a,
.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by:hover,
.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by.active {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Section titles and headings */
.section-title span,
.heading-1 span,
.heading-2 span,
.heading-3 span,
.heading-4 span,
.heading-5 span,
.heading-6 span,
.product-category li.active,
.widget-title,
.section-title h3 span {
    color: var(--highlight-text-color, var(--theme-color)) !important;
}

/* Category names and product tags */
.categories-dropdown-wrap ul li a:hover,
.categories-dropdown-wrap .more_categories span,
.categories-button-active,
.product-category li:hover,
.product-category li.active,
.tag-link:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Inicio, Productos, Categorías, etc. in the header */
.header-wrap .header-nav a {
    color: var(--header-text-color, #333333);
}
.header-wrap .header-nav a:hover,
.header-wrap .header-nav .active a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the navigation */
.main-menu > nav > ul > li > a:hover,
.main-menu > nav > ul > li.current > a,
.main-menu > nav > ul > li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange price text */
.product-price,
.price-amount,
.price,
.price span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange category text */
.categories-dropdown-wrap ul li a:hover,
.categories-dropdown-wrap .more_categories span,
.categories-button-active {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for section titles */
.section-title span {
    color: var(--highlight-text-color, var(--theme-color)) !important;
}

/* Fix for orange text in the footer */
.footer-link-widget a:hover,
.contact-info a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange buttons */
.btn-primary,
.btn-default,
.btn-small,
.btn-heading,
.newsletter-btn,
.banner-btn,
.custom-btn,
.slider-btn {
    background-color: var(--button-background, var(--theme-color)) !important;
    border-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Fix for orange text in the product cards */
.product-cart-wrap .product-content-wrap h2 a:hover,
.product-cart-wrap .product-content-wrap .product-category a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange icons */
.fi-rs-heart:hover,
.fi-rs-shopping-cart:hover,
.fi-rs-user:hover,
.fi-rs-settings:hover,
.fi-rs-grid:hover,
.fi-rs-filter:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the breadcrumb */
.breadcrumb-item a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the product details */
.detail-info .product-price,
.detail-info .product-price span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the product tabs */
.product-tabs .nav-tabs li a.active,
.product-tabs .nav-tabs li a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the cart */
.shopping-cart-footer .shopping-cart-total h4 span,
.shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the checkout */
.checkout-steps li.active a,
.checkout-steps li.current a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the account */
.account-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the blog */
.entry-meta a:hover,
.entry-title a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the widgets */
.widget-list li a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the pagination */
.pagination-area .page-item.active .page-link {
    background-color: var(--button-background, var(--theme-color)) !important;
    border-color: var(--button-background, var(--theme-color)) !important;
}

/* Fix for orange text in the newsletter */
.newsletter .newsletter-inner .newsletter-content h2 span {
    color: var(--highlight-text-color, var(--theme-color)) !important;
}

/* Fix for orange text in the footer */
.footer-link-widget a:hover,
.contact-info a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile menu */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover,
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the search */
.search-style-2 form button {
    background-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Fix for orange text in the cart */
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the wishlist */
.wishlist-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the compare */
.compare-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the account */
.account-dropdown-wrap .account-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the language */
.language-dropdown-wrap .language-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the currency */
.currency-dropdown-wrap .currency-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile menu */
.mobile-menu-wrap .mobile-menu li a:hover,
.mobile-menu-wrap .mobile-menu li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile header */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile search */
.mobile-search form button {
    background-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Fix for orange text in the mobile cart */
.mobile-cart-wrap .shopping-cart-footer .shopping-cart-total h4 span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile wishlist */
.mobile-wishlist-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile compare */
.mobile-compare-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile account */
.mobile-account-wrap .account-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile language */
.mobile-language-wrap .language-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile currency */
.mobile-currency-wrap .currency-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile menu */
.mobile-menu-wrap .mobile-menu li a:hover,
.mobile-menu-wrap .mobile-menu li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile header */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile search */
.mobile-search form button {
    background-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Fix for orange text in the mobile cart */
.mobile-cart-wrap .shopping-cart-footer .shopping-cart-total h4 span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile wishlist */
.mobile-wishlist-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile compare */
.mobile-compare-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile account */
.mobile-account-wrap .account-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile language */
.mobile-language-wrap .language-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile currency */
.mobile-currency-wrap .currency-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile menu */
.mobile-menu-wrap .mobile-menu li a:hover,
.mobile-menu-wrap .mobile-menu li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile header */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile search */
.mobile-search form button {
    background-color: var(--button-background, var(--theme-color)) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Fix for orange text in the mobile cart */
.mobile-cart-wrap .shopping-cart-footer .shopping-cart-total h4 span {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile wishlist */
.mobile-wishlist-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile compare */
.mobile-compare-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile account */
.mobile-account-wrap .account-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile language */
.mobile-language-wrap .language-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the mobile currency */
.mobile-currency-wrap .currency-dropdown a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Specific fix for the orange text in the header menu */
.header-wrap .main-categori-wrap a,
.header-wrap .header-nav a,
.header-action a {
    color: var(--header-text-color, #333333);
}
.header-wrap .main-categori-wrap a:hover,
.header-wrap .header-nav a:hover,
.header-wrap .header-nav .active a,
.header-action a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the navigation */
#navigation .main-nav > li > a:hover,
#navigation .main-nav > li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the product cards */
.product-cart-wrap .product-content-wrap h2 a:hover,
.product-cart-wrap .product-content-wrap .product-price {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange price text in products */
.price, 
.product-price, 
.product-price span:first-child,
.product-cart-wrap .product-content-wrap .product-price {
    color: var(--price-color, var(--theme-color)) !important;
}

/* Fix for orange text in the menu */
.main-menu > nav > ul > li > a:hover,
.main-menu > nav > ul > li.current > a,
.main-menu > nav > ul > li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the top menu */
.header-wrap .header-nav a {
    color: var(--header-text-color, #333333);
}
.header-wrap .header-nav a:hover,
.header-wrap .header-nav .active a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Fix for orange text in the header */
.header-style-1 .header-bottom-bg-color {
    background-color: var(--header-background, #ffffff);
}

/* Fix for orange text in the footer */
.footer-middle {
    background-color: var(--footer-background, #f8f9fa);
}
.footer-middle, 
.footer-middle p {
    color: var(--footer-text-color, #666666);
}