/* ==========================================================================
   GLOBAL LINK OVERRIDES - FORCE NO UNDERLINE
   ========================================================================== */

/* 1. Universal Reset for ALL links */
a, 
a:hover, 
a:focus, 
a:active, 
a:visited,
.stretched-link,
.stretched-link:hover,
.stretched-link:focus,
.stretched-link:after {
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   HERO NEWS CARD SPECIFIC FIXES
   ========================================================================== */

/* 
   Target the specific hierarchy: 
   .hero-news-card -> .hero-content-box -> .hero-title -> a
   
   Goal: Text must be DARK on white background. 
   It must NOT turn white on hover.
*/

/* Normal State */
.hero-news-card .hero-content-box .hero-title a,
.hero-news-card .hero-content-box .hero-title a:visited {
    color: #212529 !important; /* Dark Gray/Black */
    text-decoration: none !important;
    background: transparent !important;
}

/* Hover / Focus / Active States */
/* We target the card hover AND the link hover to ensure the stretched-link doesn't mess it up */
.hero-news-card:hover .hero-content-box .hero-title a,
.hero-news-card .hero-content-box .hero-title a:hover,
.hero-news-card .hero-content-box .hero-title a:focus,
.hero-news-card .hero-content-box .hero-title a:active {
    color: #0d6efd !important; /* Standard Bootstrap Blue */
    text-decoration: none !important;
    background: transparent !important;
    border-bottom: none !important;
}

/* 
   Ensure no other elements inside the card force white text 
   (e.g. if there's a generic .card:hover text-white rule)
*/
.hero-news-card:hover .hero-content-box {
    color: #212529 !important;
}