/* Small additions on top of the original vmagazine CSS (whose JS-driven parts are gone). */
.vmagazine-ticker-wrapper { visibility: visible !important; }
#vmagazine-news-ticker li[hidden] { display: none; }
.entry-content img, .entry-thumb img { max-width: 100%; height: auto; }
.entry-content iframe { max-width: 100%; }
.page-header { margin-bottom: 25px; }
.error-404 { padding: 40px 0 60px; }
.error-404 .search-form { max-width: 420px; margin-top: 20px; }
.vmagazine-mob-outer .mob-title { font-size: 22px; font-weight: 700; color: #fff; line-height: 50px; }
.scrollup { display: none; }
.scrollup.show { display: block; }

/* Archive notice under the header */
.archive-notice { background: #fdf2f6; border-bottom: 1px solid #f6d3df; color: #5a3a46; font-size: 14px; line-height: 1.5; }
.archive-notice .vmagazine-container { display: flex; gap: 10px; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; }
.archive-notice .fa { color: #e52d6d; margin-top: 3px; }

/* Topic menu: allow wrapping of longer Georgian labels */
.vmagazine-nav-wrapper .menu-mmnu-container ul.menu { display: flex; flex-wrap: wrap; }
.vmagazine-nav-wrapper .menu > li.current-menu-item > a { color: #e52d6d; }

/* Topic label in post meta */
.entry-meta .topic-link { margin-left: 12px; }
.entry-meta .topic-link .fa { margin-right: 5px; }
.entry-meta .topic-link a { color: inherit; }
.entry-meta .topic-link a:hover { color: #e52d6d; }

.page-intro { margin-top: 8px; color: #666; }
picture { display: block; }

/* "Written in YEAR" notice on practical how-to posts */
.dated-notice { background: #fff8e5; border-left: 4px solid #f0b429; padding: 12px 15px; margin: 15px 0 20px; font-size: 14px; color: #5b4a1f; }
.dated-notice a { color: #b7791f; text-decoration: underline; }

/* Related posts */
.related-posts { margin: 35px 0 10px; padding-top: 25px; border-top: 1px solid #eee; }
.related-posts .related-title { font-size: 22px; margin: 0 0 18px; }
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.related-item { display: block; color: #252525; }
.related-item:hover .related-name { color: #e52d6d; }
.related-thumb { display: block; aspect-ratio: 321 / 257; background: #f1f1f1; overflow: hidden; margin-bottom: 8px; }
.related-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.related-name { display: block; font-weight: 700; font-size: 14px; line-height: 1.35; }
.related-date { display: block; font-size: 12px; color: #949494; margin-top: 4px; }
.related-more { margin-top: 15px; }
.related-more a { color: #e52d6d; font-weight: 700; }
@media (max-width: 768px) { .related-grid { grid-template-columns: repeat(2, 1fr); } }