/*
Theme Name: Newsium Child Final
Theme URI: https://example.com/
Description: Clean child theme for Newsium v4 — identical style, ready for customization.
Author: Renar
Template: newsium
Version: 1.0
*/

/* You can add your own CSS below — the theme uses Newsium v4 default colors */





/* Popular Posts widget */
.widget_popular_posts, .widget.child_popular_posts, .widget_child_popular_posts { /* на всякий случай несколько селекторов */ }
.child-popular-list { list-style: none; margin: 0; padding: 0; }
.child-popular-item { display: flex; gap: 10px; margin-bottom: 12px; align-items: center; }
.child-popular-item .thumb img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; display:block; }
.child-popular-item .meta { display: flex; flex-direction: column; line-height: 1.3; }
.child-popular-item .meta .title { color: #111; text-decoration: none; }
.child-popular-item .meta .title:hover { color: #e74c3c; }
.child-popular-item .meta .date { font-size: 12px; color: #888; }






/* === POPULAR POSTS — вертикальные карточки, фикс выравнивания === */
.child-popular-widget {
  text-align: center;
  margin: 0 auto;
}

.child-popular-widget .widget-title {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
  border-bottom: 2px solid #e74c3c;
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 20px;
}

.child-popular-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

/* Каждая карточка строго вертикальная */
.child-popular-item {
  display: block !important;
  width: 100%;
  max-width: 280px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: center;
  clear: both; /* убивает float от темы */
}

.child-popular-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}

/* Картинка на всю ширину карточки */
.child-popular-item .thumb {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0;
  overflow: hidden;
}

.child-popular-item .thumb img {
  display: block;
  width: 100% !important;
  height: 180px !important;
  object-fit: cover;
  border: none;
  border-bottom: 1px solid #eee;
  transition: transform 0.3s ease;
}

.child-popular-item:hover .thumb img {
  transform: scale(1.05);
}

/* Заголовок под изображением */
.child-popular-item .meta {
  display: block !important;
  float: none !important;
  width: 100%;
  padding: 10px 10px 15px;
  text-align: center;
}

.child-popular-item .meta .title {
  color: #111;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  display: block;
}

.child-popular-item .meta .title:hover {
  color: #e74c3c;
}




/* Счётчик просмотров */
.child-popular-item .views {
  font-size: 13px;
  color: #777;
  margin-top: 4px;
  text-align: center;
}