/* ===================================================================
   Hamed Mortgages — news.css
   News Intelligence module styles. Builds on main.css design tokens.
   Load AFTER main.css on news pages and the homepage (for the widget).
   =================================================================== */

.container--narrow { max-width: 760px; margin-inline: auto; }

/* News cards */
.card--news { display: flex; flex-direction: column; overflow: hidden; padding: 0; }
.card--news .card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(0,0,0,.05); }
.card--news .card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.card--news .card__media:hover img { transform: scale(1.04); }
.card--news .card__body { padding: 1.25rem 1.25rem 1.5rem; display: flex; flex-direction: column; gap: .5rem; }
.card--news h3 { margin: .25rem 0; font-size: 1.1rem; line-height: 1.3; }
.card--news h3 a { color: inherit; text-decoration: none; }
.card--news h3 a:hover { text-decoration: underline; }
.card--news .card__meta { color: var(--on-dark-muted, #6b7280); font-size: .85rem; margin: 0; }
.card--news .card__more { font-weight: 600; margin-top: auto; }

/* Category nav */
.news-cats { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
.news-cats a { padding: .4rem .9rem; border-radius: 999px; border: 1px solid rgba(0,0,0,.12); text-decoration: none; font-size: .9rem; color: inherit; }
.news-cats a.is-active, .news-cats a:hover { background: var(--brand, #0F3D2E); color: #fff; border-color: var(--brand, #0F3D2E); }

/* Featured */
.news-featured { position: relative; margin-bottom: 2.5rem; }
.news-featured .tag { position: absolute; top: 1rem; inset-inline-start: 1rem; z-index: 2; }

/* Article */
.news-article { padding: 2rem 0 3rem; }
.news-article h1 { margin: .5rem 0; }
.news-article__meta { color: var(--on-dark-muted, #6b7280); font-size: .9rem; }
.news-article__media { margin: 1.5rem 0; }
.news-article__media img { width: 100%; height: auto; border-radius: 12px; display: block; }
.news-article__media figcaption { font-size: .8rem; color: var(--on-dark-muted, #6b7280); margin-top: .5rem; text-align: center; }
.news-source { margin: 2rem 0; padding: 1rem 1.25rem; border-inline-start: 3px solid var(--brand, #0F3D2E); background: rgba(15,61,46,.05); border-radius: 6px; font-size: .95rem; }
.news-tags { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .5rem; }

/* Archive */
.news-archive { list-style: none; padding: 0; margin: 0 0 2rem; }
.news-archive li { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.news-archive li span { color: var(--on-dark-muted, #6b7280); font-size: .85rem; white-space: nowrap; }

/* RTL */
[dir="rtl"] .news-source { border-inline-start: 3px solid var(--brand, #0F3D2E); }