/* ============================================================
   Single-newsfeed article list styling — loaded by
   templates/cassiopeia/html/com_newsfeeds/newsfeed/default.php,
   the view actually used by the site's News Feed menu items.
   ============================================================ */

.emk-feed-items {
    list-style: decimal;      /* numbered items */
    padding-left: 1.5rem;
    margin: 0 0 1rem;
}

.emk-feed-items > li {
    margin-bottom: 0.5rem;
    padding: 0.3rem 0.5rem 0.35rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

/* zebra-stripe every other item */
.emk-feed-items > li:nth-child(even) {
    background-color: #f0f0f0;
}

/* bold the numbered-list markers (1. 2. 3. ...) */
.emk-feed-items > li::marker {
    font-weight: bold;
}

/* smaller heading (was left at the browser/Bootstrap h3 default) */
.emk-feed-items .feed-link {
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0.15rem;
}

.emk-feed-items .feed-date {
    font-size: 0.9rem;
    font-weight: bold;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.1rem;
}

/* description clamped to 3 lines — change the two lines below together
   to adjust (e.g. 1 line: --emk-desc-lines: 1;) */
.emk-feed-items .feed-item-description {
    --emk-desc-lines: 3;
    font-size: 1rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: var(--emk-desc-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.4em * var(--emk-desc-lines)); /* fallback for non-webkit */
}

/* ============================================================
   News Feeds CATEGORY list styling — loaded by
   templates/cassiopeia/html/com_newsfeeds/category/default_items.php.
   Not currently linked from any menu item on this site, but kept
   working in case a category listing page is added later.
   ============================================================ */

.emk-newsfeed-list {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 0 0 1rem;
}

.emk-newsfeed-item {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.emk-newsfeed-title {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.15rem;
}

.emk-newsfeed-date {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.25rem;
}

.emk-newsfeed-desc {
    --emk-desc-lines: 3;
    font-size: 0.85rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: var(--emk-desc-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.4em * var(--emk-desc-lines));
}

.emk-newsfeed-link {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Source's own channel logo/image (e.g. ilSole24Ore's SVG), rendered when
   show_feed_image is on — was showing at native/unconstrained size. Capped
   to roughly two lines of body text tall. */
.com-newsfeeds-newsfeed__feed-image img {
    max-height: 3rem;
    width: auto;
    max-width: 100%;
}