/* ========================================
   GLOBAL LINK STYLING - REMOVE UNDERLINES
   ======================================== */

/* Remove underlines from all links in all states */
a, a:hover, a:focus, a:active, a:visited, 
a:link, a:target {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    -moz-text-decoration: none !important;
    -ms-text-decoration: none !important;
}

/* Ensure specific components don't have underlines */
.nav-link, .nav-link:hover, .nav-link:focus,
.btn, .btn:hover, .btn:focus,
.card a, .card a:hover, .card a:focus,
.product-card-link, .product-card-link:hover,
.category-card-link, .category-card-link:hover,
.dropdown-item, .dropdown-item:hover,
.list-group-item a, .list-group-item a:hover,
.breadcrumb a, .breadcrumb a:hover,
.pagination a, .pagination a:hover,
.tab-content a, .tab-content a:hover,
.modal a, .modal a:hover,
.product-details a, .product-details a:hover,
.explore-buttons a, .explore-buttons a:hover,
.coupon-code-section a, .coupon-code-section a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Override Bootstrap utility classes */
.text-decoration-underline, 
.text-decoration-underline:hover,
.text-decoration-underline:focus {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from React Router Links */
.router-link, .router-link:hover, .router-link:focus {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from custom components */
.horizontal-scroll-container a,
.horizontal-scroll-container a:hover,
.products-scroll-wrapper a,
.products-scroll-wrapper a:hover,
.you-might-like-section a,
.you-might-like-section a:hover,
.professional-coupons-section a,
.professional-coupons-section a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from admin panel links */
.as_main_header a,
.as_main_header a:hover,
.as_profile_dropdown_box a,
.as_profile_dropdown_box a:hover,
.as_cart_box a,
.as_cart_box a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from product pages */
.scroll-product-card a,
.scroll-product-card a:hover,
.view-all-card a,
.view-all-card a:hover,
.product-grid a,
.product-grid a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from category pages */
.categories-main-section a,
.categories-main-section a:hover,
.category-full-image a,
.category-full-image a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Remove underlines from footer and header */
footer a, footer a:hover,
header a, header a:hover,
.footer a, .footer a:hover,
.header a, .header a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Specific selectors for common Bootstrap and custom classes */
.table a, .table a:hover,
.alert a, .alert a:hover,
.badge a, .badge a:hover,
.card-body a, .card-body a:hover,
.card-footer a, .card-footer a:hover,
.card-header a, .card-header a:hover {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

/* Override specific project classes that might have underlines */
.register-url, .register-url:hover,
.register-url:focus, .register-url:active {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}