/**
 * WS40 News / RSS feed — content-only styling.
 *
 * The block outputs just the list of items; the card, title, background and
 * alignment come from the Consolle template when [ws40_news] is placed inside
 * a Shortcode block (like Pollen, Forecast, Dust). CSS here is deliberately
 * minimal and compact — spacing and typography only, colours inherited.
 */

.ws40-news__item {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(128, 134, 154, 0.24);
    text-decoration: none;
    color: inherit;
    /* Theme-proofing: keep the row within the block and let its text wrap. */
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}
.ws40-news__item:first-child { padding-top: 0; }
.ws40-news__item:last-child { border-bottom: none; padding-bottom: 0; }

.ws40-news__thumb {
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    border-radius: 7px;
    object-fit: cover;
    display: block;
    background: rgba(128, 134, 154, 0.16);
}

.ws40-news__txt { flex: 1 1 auto; min-width: 0; }

.ws40-news__title {
    display: block;
    font-weight: 600;
    line-height: 1.28;
    margin-bottom: 2px;
    color: inherit;
    font-size: 1.12em;
    /* Theme-proofing: some themes force nowrap / ellipsis / fixed widths on links
       and headings inside their containers, which clipped long news titles on
       mobile. Force normal wrapping and break long words so the title always
       shows in full, whatever the surrounding theme does. */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}
.ws40-news__item:hover .ws40-news__title { text-decoration: underline; }

.ws40-news__meta {
    font-size: 0.88em;
    opacity: 0.7;
    line-height: 1.2;
}
.ws40-news__src { font-weight: 600; }
.ws40-news__sep { opacity: 0.5; margin: 0 2px; }

.ws40-news--empty {
    padding: 6px 0;
    opacity: 0.7;
    font-size: 0.9em;
}

@media (max-width: 480px) {
    .ws40-news__thumb { width: 44px; height: 44px; }
    /* Larger, more readable titles on small screens. */
    .ws40-news__title { font-size: 1.18em; line-height: 1.32; }
    .ws40-news__meta { font-size: 0.92em; }
}