/* Stable date/copy/photo layout shared by Arabic and English news. */
html[lang] .news-timeline.news-timeline{display:grid!important;gap:10px!important;position:relative!important;margin:8px 0 0!important;padding:0!important;width:100%!important}
html[lang] .news-timeline.news-timeline::before,html[lang] .news-item.news-item::before{display:none!important}
html[lang] .news-timeline>.news-item.news-item{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;position:relative!important;min-width:0!important}
html[lang] .news-timeline .news-item>.news-date.news-date{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:48px!important;height:auto!important;min-height:48px!important;box-sizing:border-box!important;padding:5px 2px!important;border:1px solid #f47731!important;border-radius:50%!important;background:#fff5ec!important;text-align:center!important;gap:1px!important;line-height:1.2!important}
html[lang] .news-date.news-date>strong{font-size:16px!important;line-height:1.2!important}
html[lang] .news-date.news-date>:not(strong){font-size:9px!important;line-height:1.3!important;white-space:normal!important;max-width:44px!important;text-align:center!important}
html[lang] .news-item>.news-entry.news-entry{display:grid!important;grid-template-columns:minmax(0,1fr) 34%!important;align-items:center!important;gap:9px!important;padding:8px!important;height:auto!important;min-height:110px!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;border:1px solid var(--color-border)!important;border-radius:12px!important;background:var(--color-surface)!important;text-decoration:none!important;color:var(--color-text)!important}
html[lang] .news-entry.news-entry>.news-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:0!important;grid-column:1!important;grid-row:1!important;text-align:start!important}
html[lang] .news-entry.news-entry>.news-photo{display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:90px!important;min-height:0!important;object-fit:cover!important;border-radius:8px!important;margin:0!important}
html[lang] .news-entry.news-entry .news-title{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-height:1.5!important;margin:0!important;overflow-wrap:break-word}
html[lang] .news-entry.news-entry .news-summary{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;line-height:1.65!important;margin:0!important;color:var(--color-text-muted)!important}
html[lang] .news-entry.news-entry .news-read{display:block!important;margin:0!important;padding:0!important;line-height:1.5!important;align-self:flex-start!important}
html[lang^="en"] .news-timeline{direction:ltr!important}html[lang^="ar"] .news-timeline{direction:rtl!important}
html.dark .news-timeline .news-date.news-date{background:#38241e!important}
/* Detail photo and copy remain readable, with compact related-news spacing. */
.four-news-detail-page>.mx-auto{padding-top:8px!important}
.four-news-detail-page .four-news-photo>img{display:block!important;width:100%!important;height:clamp(180px,44vw,330px)!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important}
.four-news-detail-page article h1{white-space:normal!important;overflow-wrap:break-word;line-height:1.5!important}
.four-news-detail-page article p{white-space:normal!important;overflow-wrap:break-word;line-height:1.8!important}
.four-news-detail-page .flourish-heading{margin-top:10px!important;margin-bottom:10px!important}
@media(min-width:768px){html[lang] .news-timeline>.news-item.news-item{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important}html[lang] .news-item>.news-entry.news-entry{min-height:130px!important}html[lang] .news-entry.news-entry>.news-photo{height:112px!important}}

/* Keep only the share icon over the image, removing the duplicate footer button. */
.four-news-detail-page article>div.flex.flex-wrap>button{display:none!important}
/* Join date badges with a quiet vertical line, mirrored with the locale. */
html[lang] .news-timeline.news-timeline::before{content:"";display:block!important;position:absolute!important;top:24px!important;bottom:24px!important;right:24px!important;left:auto!important;width:1px!important;height:auto!important;background:var(--color-border,#d7d8dd)!important;z-index:0!important}
html[lang^="en"] .news-timeline.news-timeline::before{left:24px!important;right:auto!important}
html[lang] .news-timeline .news-item>.news-date.news-date{position:relative!important;z-index:1!important}
@media(min-width:768px){html[lang] .news-timeline.news-timeline::before{right:24px!important}html[lang^="en"] .news-timeline.news-timeline::before{left:24px!important;right:auto!important}}

/* Hide the actual native detail favorite control regardless of enhancement timing. */
html body .four-news-detail-page .four-news-photo button[aria-pressed],
html body .four-news-detail-page .restaurant-hero-quick-btn[aria-pressed],
html body main .four-news-photo button[aria-pressed]{display:none!important}

/* Date badges now show day, month and year without crowding. */
html[lang] .news-timeline>.news-item.news-item{grid-template-columns:58px minmax(0,1fr)!important}
html[lang] .news-timeline .news-item>.news-date.news-date{width:58px!important;height:58px!important;min-height:58px!important;padding:4px 2px!important;gap:0!important}
html[lang] .news-date.news-date>.four-news-year{display:block!important;font-size:9px!important;line-height:1.25!important;color:var(--color-text-muted)!important}
html[lang] .news-timeline.news-timeline::before{right:29px!important;top:29px!important;bottom:29px!important}
html[lang^="en"] .news-timeline.news-timeline::before{left:29px!important;right:auto!important}