/* Alissa v2 — news cards (the "أخبارنا" widget) and the news page (news template in Elementor). */

/* Cards: the project card look, with the date as the tag and a short summary under the title. */
body.alx .news-card .media { aspect-ratio: 4 / 3; }
body.alx .news-card__meta { display: block; }
body.alx .news-card__meta .card__title { margin-bottom: 10px; }
body.alx .news-card__excerpt { color: var(--muted); font-size: 15px; line-height: 1.9; font-weight: 300; margin: 0 0 16px; }
body.alx .news-card__more { font-size: 14px; color: var(--copper); }
body.alx .news-card:hover .news-card__more { text-decoration: underline; }
body.alx .news__empty { color: var(--muted); }

/* News page */
body.alx .news-article { display: block; max-width: 860px; }
body.alx .news-article__img { display: block; margin-bottom: clamp(30px, 4vw, 50px); aspect-ratio: 16 / 9; overflow: hidden; background: var(--line); }
body.alx .news-article__img .elementor-widget-image, body.alx .news-article__img .elementor-widget-container { height: 100%; }
body.alx .news-article__img img { width: 100%; height: 100%; object-fit: cover; }
body.alx .news-article__body p { margin: 0 0 18px; }
body.alx .news-article__body h2, body.alx .news-article__body h3 { font-weight: 400; font-size: 22px; margin: 34px 0 12px; color: var(--ink); }
body.alx .news-article__body ul, body.alx .news-article__body ol { padding-inline-start: 22px; margin: 0 0 18px; }
body.alx .news-article__body li { list-style: disc; color: #4f4a45; font-size: 16px; line-height: 2; font-weight: 300; }
body.alx .e-con > .elementor-widget.news-article__back { margin-top: 40px; }