/* anewsapp/static/anewsapp/css/style.css */

/* You can add app-specific global styles here if needed. */
/* Much of the styling is currently embedded in base.html for simplicity */
/* or comes from Bootstrap. */

.navbar-brand {
    font-weight: bold;
    font-size: 1.75rem;
}

.article-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card-title a {
    text-decoration: none;
    color: inherit;
}

.card-title a:hover {
    color: #0056b3; /* Darker blue on hover */
}

/* Underline only the source text within source badges on hover/focus */
.sources-list a { text-decoration: none; }
.sources-list a .source-text { text-decoration: none; font-weight: 500; }
.sources-list a:hover .source-text,
.sources-list a:focus .source-text { text-decoration: underline; }

/* Prevent underline under icon glyphs inside source badges */
.sources-list a .paywall-icon,
.sources-list a .favorite-icon {
    display: inline-block;
    text-decoration: none;
}

.sources-list a:hover .paywall-icon,
.sources-list a:focus .paywall-icon,
.sources-list a:hover .favorite-icon,
.sources-list a:focus .favorite-icon {
    text-decoration: none;
}

/* Make hero source links bolder */
.sources-list a.hero-source .source-text {
    font-weight: 750;
}
.sources-list a.hero-source {
    border-color: #b5bcc3; /* slightly darker border for emphasis */
}

/* Emphasize the favorite (hero) star icon */
.sources-list a .favorite-icon {
    color: #ffb300; /* brighter gold */
    font-size: 1.15rem;
    line-height: 1;
    vertical-align: -1px;
    text-shadow: 0 0 1px rgba(0,0,0,.25);
}
.sources-list a.hero-source .favorite-icon {
    color: #ff9800; /* stronger for hero */
    font-size: 1.2rem;
    text-shadow: 0 0 1px rgba(0,0,0,.35);
}

/* Monochrome paywall lock */
.sources-list a .paywall-icon {
    color: #6c757d; /* neutral gray */
    font-variant-emoji: text; /* prefer text presentation if supported */
    -webkit-text-fill-color: currentColor; /* ensure WebKit uses current color */
    filter: grayscale(100%) saturate(0%); /* fallback to force monochrome */
    font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "Noto Sans Symbols", "Apple Symbols", sans-serif; /* prefer symbol fonts */
}