﻿/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */


/* ── Галерея скриншотов ───────────────────────────────────── */
#gallery-screenshots {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 12px 4px 16px;
  margin: 16px 0 20px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #198754 #f0f0f0;
}

#gallery-screenshots::-webkit-scrollbar {
  height: 5px;
}
#gallery-screenshots::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}
#gallery-screenshots::-webkit-scrollbar-thumb {
  background: #198754;
  border-radius: 10px;
}

#gallery-screenshots a {
  display: inline-block;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#gallery-screenshots a:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.22);
}

#gallery-screenshots img {
  display: block;
  height: 185px;
  width: auto;
  max-width: none;
  min-height: unset;
  max-height: unset;
  object-fit: cover;
  border-radius: 10px;
}

/* ── Типографика блога (статьи /stati/) ──────────────────── */

/* H1 — заголовок статьи */
.article-post .entry-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: #1a1a1a;
  margin: 16px 0 20px;
  text-shadow: none;
}

@media (min-width: 768px) {
  .article-post .entry-title {
    font-size: 34px;
  }
}

/* H2 — подзаголовки внутри статьи */
.article-post .entry-content h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: #1a1a1a;
  margin: 32px 0 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid #e8f5e9;
}

@media (min-width: 768px) {
  .article-post .entry-content h2 {
    font-size: 22px;
  }
}

/* Параграфы */
.article-post .entry-content p {
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  margin-bottom: 18px;
}

/* Инлайн-картинки */
.article-post .entry-content figure.wp-block-image {
  margin: 24px 0;
  text-align: center;
}

.article-post .entry-content figure.wp-block-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12);
  display: inline-block;
}


/* Скрываем excerpt — дублирует мета-описание */
.entry-excerpt { display: none !important; }



/* ── Редизайн карточек главной страницы (2026-04) ─────────── */

/* Карточка: шире + выравнивание по верху */
.content-gapps a {
  width: 105px !important;
  padding: 6px 6px 10px !important;
  vertical-align: top !important;
}

/* Иконка: крупнее + мягкая тень */
.content-gapps a > figure img {
  width: 85px !important;
  height: 85px !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.16);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Hover: лёгкий zoom иконки */
.content-gapps a:hover > figure img {
  transform: scale(1.06);
  box-shadow: 0 5px 16px rgba(0,0,0,0.25);
}

/* Название игры */
.content-gapps > a > p:nth-child(2) {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  text-align: center !important;
}

/* Убираем иконку скачивания — мешает центровке */
.content-gapps > a > p:nth-child(3)::before {
  display: none !important;
}

/* Строка скачиваний */
.content-gapps > a > p:nth-child(3) {
  display: block !important;
  font-size: 11px !important;
  color: #666 !important;
  margin-top: 3px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Строка рейтинга */
.content-gapps a p.dz-rating {
  font-size: 11px !important;
  color: #666 !important;
  text-align: center !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

/* Звёздочка рейтинга — золотой */
.content-gapps .dz-star {
  color: #f59f00;
}

/* Заголовок секции категории */
section.widget .item-section-anchor .title {
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 14px 0 8px !important;
  border-bottom: 2px solid #e8f5e9;
  margin-bottom: 6px;
}


/* ================================================================
   DARK MODE — droidzone.ru
   Откат: удалить всё между этими комментариями
   Бэкап светлой версии: style.css.light-bak
   ================================================================ */

:root {
  --dz-bg:        #0f1117;
  --dz-bg2:       #1a1d27;
  --dz-bg3:       #13151f;
  --dz-border:    #2a2d3a;
  --dz-accent:    #00d46a;
  --dz-text:      #f0f0f0;
  --dz-text2:     #9a9ab0;
  --dz-navbar:    #0d0f18;
}

/* Основной фон */
html, body {
  background-color: var(--dz-bg) !important;
  color: var(--dz-text) !important;
}

/* Навбар */
.navbar, .navbar-menu, .navbar-start, .navbar-end {
  background-color: var(--dz-navbar) !important;
  border-bottom: 1px solid var(--dz-border) !important;
}
.navbar-item, .navbar-link, a.navbar-item {
  color: var(--dz-text) !important;
}
.navbar-item:hover, a.navbar-item:hover {
  background-color: var(--dz-bg2) !important;
  color: var(--dz-accent) !important;
}
.navbar-burger span {
  background-color: var(--dz-text) !important;
}
.navbar-dropdown {
  background-color: var(--dz-bg2) !important;
  border-color: var(--dz-border) !important;
}

/* Основной контент */
#page, #main, .section, .container {
  background-color: var(--dz-bg) !important;
}

/* Блоки категорий */
.widget {
  border-bottom-color: var(--dz-border) !important;
  background-color: var(--dz-bg) !important;
}

/* Заголовки категорий */
.widget .item-section-anchor .title,
section.widget .item-section-anchor .title,
section .title, .title {
  color: var(--dz-text) !important;
  border-bottom-color: var(--dz-border) !important;
}

/* Ссылка "Ещё" */
.widget .more a {
  color: var(--dz-accent) !important;
}
.widget .more::after {
  border-color: var(--dz-accent) !important;
}

/* Карточки игр — текст */
.content-gapps > a > p:nth-child(2) {
  color: var(--dz-text) !important;
}
.content-gapps > a > p:nth-child(3),
.content-gapps a p.dz-rating {
  color: var(--dz-text2) !important;
}

/* Сайдбар */
.sidebar, .widget-area, aside {
  background-color: var(--dz-bg) !important;
}
.widget-title, .widgettitle {
  color: var(--dz-text) !important;
  border-color: var(--dz-border) !important;
}
.index-category a, .c li a {
  color: var(--dz-text) !important;
}
.index-category a:hover {
  color: var(--dz-accent) !important;
}

/* Футер */
footer, #colophon {
  background-color: var(--dz-navbar) !important;
  border-top: 1px solid var(--dz-border) !important;
  color: var(--dz-text2) !important;
}
footer a {
  color: var(--dz-text2) !important;
}
footer a:hover {
  color: var(--dz-accent) !important;
}

/* Поиск */
.search-screen {
  background-color: var(--dz-bg2) !important;
}
.search-field, input[type="search"] {
  background-color: var(--dz-bg3) !important;
  color: var(--dz-text) !important;
  border-color: var(--dz-border) !important;
}

/* Хлебные крошки */
.breadcrumb a, .breadcrumb span {
  color: var(--dz-text2) !important;
}

/* Акцентный цвет (ссылки, кнопки) */
a {
  color: inherit;
}

/* --- Страница игры: шапка с иконкой и названием --- */
.app_header,
.app_header .info,
.app_header .info h1 {
  color: var(--dz-text) !important;
  background-color: var(--dz-bg) !important;
}
.app_header .info .author,
.app_header .info .author a {
  color: var(--dz-text2) !important;
}
.app_header .info .version {
  color: var(--dz-accent) !important;
}

/* --- Блок метаданных игры (планка с размером, рейтингом и т.д.) --- */
.ver-item {
  background-color: var(--dz-bg2) !important;
  border-color: var(--dz-border) !important;
}
.ver-item .name,
.ver-item .description,
.ver-item .info {
  color: var(--dz-text) !important;
}
.ver-item .description .spec {
  color: var(--dz-text2) !important;
}
.vtype span {
  background-color: var(--dz-bg3) !important;
  color: var(--dz-text2) !important;
  border-color: var(--dz-border) !important;
}

/* --- Installer блок --- */
.installer .installer-info > p {
  color: var(--dz-text2) !important;
}

/* --- Теги / Популярные запросы --- */
.tags a, .tags span {
  background-color: var(--dz-bg2) !important;
  border-color: var(--dz-border) !important;
  color: var(--dz-text2) !important;
}
.tags a:hover {
  background-color: var(--dz-bg3) !important;
  color: var(--dz-accent) !important;
  border-color: var(--dz-accent) !important;
}

/* --- Футер --- */
.footer, footer, #colophon {
  background-color: var(--dz-navbar) !important;
  color: var(--dz-text2) !important;
}
.footer .tags a, .footer-menu a {
  background-color: var(--dz-bg2) !important;
  color: var(--dz-text2) !important;
  border-color: var(--dz-border) !important;
}
.footer-menu a {
  color: var(--dz-accent) !important;
}

/* --- Блог (статьи /stati/) --- */
.article-post .entry-title {
  color: var(--dz-text) !important;
}
.article-post .entry-content p,
.article-post .entry-content li,
.article-post .entry-content h2,
.article-post .entry-content h3 {
  color: var(--dz-text) !important;
}
.article-post .entry-content h2 {
  border-bottom-color: var(--dz-border) !important;
}

/* --- Общий текст на страницах --- */
h1, h2, h3, h4, p, li, span, .entry-content {
  color: var(--dz-text);
}
.entry-content p {
  color: var(--dz-text) !important;
}

/* --- Страница ?getfile= (таймер скачивания) --- */
body.single #page {
  background-color: var(--dz-bg) !important;
}

/* --- Разделители, рамки --- */
hr, .widget,
.section + .section {
  border-color: var(--dz-border) !important;
}

/* --- Автодополнение поиска --- */
.autocomplete-suggestions {
  background-color: var(--dz-bg2) !important;
  border-color: var(--dz-border) !important;
  color: var(--dz-text) !important;
}

/* --- information-table --- */
.information-table {
  background-color: transparent !important;
  border-color: var(--dz-border) !important;
}
.information-table .item {
  border-color: var(--dz-border) !important;
  background-color: transparent !important;
}
.information-table .item .name {
  color: var(--dz-text) !important;
}
.information-table .item .value,
.information-table .item .value a,
.information-table .item .value time {
  color: var(--dz-text2) !important;
}
.information-table .item .value a:hover {
  color: var(--dz-accent) !important;
}

/* --- trending-widget + popular posts --- */
.trending-widget .content a,
.trending-widget .name,
.trending-widget .info .name,
.post-card__title a,
.post-card__title {
  color: var(--dz-text) !important;
}
.trending-widget .author,
.trending-widget .description {
  color: var(--dz-text2) !important;
}

/* --- file-list (.variant) --- */
.file-list li,
.file-list a.variant {
  background-color: var(--dz-bg2) !important;
  border-color: var(--dz-border) !important;
}
.file-list .vername {
  color: var(--dz-text) !important;
}
.file-list .spec {
  color: var(--dz-text2) !important;
}
.file-list .vtype span {
  background-color: var(--dz-bg3) !important;
  color: var(--dz-text2) !important;
}
/* Кнопка скачивания в file-list */
.file-list .download-button {
  background-color: var(--dz-bg3) !important;
  border-color: var(--dz-border) !important;
}

/* --- H1 заголовок страницы игры --- */
h1.title.heading a,
.title.heading a {
  color: var(--dz-text) !important;
}


/* --- Страница категории: карточки .l_item --- */
.l_item:hover {
  background: var(--dz-bg2) !important;
}
.l_item .info .name {
  color: var(--dz-text) !important;
}
.l_item .info .author,
.l_item .info .description {
  color: var(--dz-text2) !important;
}


/* --- Навигация по рубрикам: ul.index-category --- */
ul.index-category li a {
  color: var(--dz-text) !important;
}
ul.index-category li a:hover {
  background: var(--dz-bg2) !important;
  color: var(--dz-accent) !important;
}

/* --- Виджет с иконками игр: div.content a (150px) --- */
.widget .content a {
  color: var(--dz-text) !important;
}
.widget .content a:hover {
  background: var(--dz-bg2) !important;
}


/* --- trending-widget hover --- */
.trending-widget .content a:hover {
  background: var(--dz-bg2) !important;
  transform: translateY(-2px);
}

/* ================================================================
   КОНЕЦ DARK MODE
   ================================================================ */


/* ================================================================
   ШАПКА: GLASSMORPHISM STICKY + SCROLLED STATE
   Откат: cp style.css.header-bak style.css
   ================================================================ */

/* Sticky glassmorphism header */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(13, 15, 24, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(0, 212, 106, 0.15) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

/* При скролле >60px: плотнее + сильнее тень */
.site-header.dz-scrolled {
  background: rgba(13, 15, 24, 0.97) !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.65) !important;
}

/* Логотип: фиксируем высоту, плавно уменьшается при скролле */
.site-logotype img {
  max-height: 44px !important;
  width: auto !important;
  transition: max-height 0.3s ease !important;
}
.site-header.dz-scrolled .site-logotype img {
  max-height: 34px !important;
}

/* Скрыть sidebar-бургер (не используется) */
.humburger,
.js-humburger {
  display: none !important;
}

/* ================================================================
   ИСПРАВЛЕНИЕ: fixed вместо sticky
   (position:sticky не работает — overflow на родителе)
   ================================================================ */
.site-header {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/* Компенсация высоты шапки для контента под ней */
#page.site {
  padding-top: 88px !important;
}
@media (max-width: 767px) {
  #page.site { padding-top: 72px !important; }
}

/* ================================================================
   КНОПКИ «Категории» и «Блог» в шапке
   ================================================================ */

/* Общий контейнер — flex, выровнен */
.header-html-2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Убираем анимацию и старый градиент у обеих */
.header-html-2 .gradient-button,
.header-html-2 .gradient-button-1 {
  animation: none !important;
  background-size: unset !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  text-transform: uppercase !important;
}

/* Категории — solid accent */
.header-html-2 .gradient-button {
  background: var(--dz-accent) !important;
  background-image: none !important;
  color: #0f1117 !important;
  box-shadow: 0 2px 12px rgba(0, 212, 106, 0.3) !important;
}
.header-html-2 .gradient-button:hover {
  background: #00b85e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 18px rgba(0, 212, 106, 0.45) !important;
}

/* Блог — ghost/outline */
.header-html-2 .gradient-button-1 {
  background: transparent !important;
  background-image: none !important;
  border: 1.5px solid var(--dz-accent) !important;
  color: var(--dz-accent) !important;
  box-shadow: none !important;
}
.header-html-2 .gradient-button-1:hover {
  background: var(--dz-accent) !important;
  color: #0f1117 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 18px rgba(0, 212, 106, 0.35) !important;
}

/* ================================================================
   КНОПКИ: позиция вправо + иконки
   ================================================================ */

/* Прижимаем блок с кнопками вправо */
.header-html-2 {
  margin-left: auto !important;
  margin-right: 12px !important;
}

/* Иконки через ::before */
.header-html-2 .gradient-button::before {
  content: '🎮\00a0';
}
.header-html-2 .gradient-button-1::before {
  content: '📰\00a0';
}

/* ================================================================
   КНОПКИ: фикс позиции на мобильных + иконки
   ================================================================ */

/* Branding растягивается → кнопки всегда вправо (desktop + mobile) */
.site-header-inner .site-branding {
  flex: 1 !important;
}

/* Убираем лишний margin-left: auto (теперь не нужен, flex: 1 делает своё) */
.header-html-2 {
  margin-left: 0 !important;
}

/* Иконки: отдельный inline-block с отступом */
.header-html-2 .gradient-button::before,
.header-html-2 .gradient-button-1::before {
  display: inline-block !important;
  margin-right: 5px !important;
  font-size: 15px !important;
  vertical-align: -2px !important;
  line-height: 1 !important;
}

/* Содержимое иконок (без \00a0) */
.header-html-2 .gradient-button::before {
  content: '🎮' !important;
}
.header-html-2 .gradient-button-1::before {
  content: '📰' !important;
}

/* ================================================================
   ШАПКА МОБИЛЬНАЯ: убираем перенос строки, компактный вид
   ================================================================ */

/* Запрещаем перенос — всё в одну строку */
.site-header-inner {
  flex-wrap: nowrap !important;
}

/* Мобильные: скрываем текст названия/описания, показываем только лого */
@media (max-width: 767px) {
  .site-branding__body {
    display: none !important;
  }
  .site-logotype {
    margin-right: 0 !important;
  }
  /* Кнопки компактнее */
  .header-html-2 .gradient-button,
  .header-html-2 .gradient-button-1 {
    font-size: 11px !important;
    padding: 6px 10px !important;
    letter-spacing: 0.2px !important;
  }
  .header-html-2 {
    gap: 6px !important;
    margin-right: 8px !important;
  }
}

/* Убираем иконки */
.header-html-2 .gradient-button::before,
.header-html-2 .gradient-button-1::before {
  content: '' !important;
  display: none !important;
}

/* ================================================================
   КНОПКИ МОБИЛЬНЫЕ: абсолютная позиция вправо (независимо от flex)
   ================================================================ */
@media (max-width: 767px) {
  .site-header-inner {
    position: relative !important;
  }
  .header-html-2 {
    position: absolute !important;
    right: 44px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
}

/* ================================================================
   КНОПКИ МОБИЛЬНЫЕ: под лого, по центру
   ================================================================ */
@media (max-width: 767px) {
  /* Убираем absolute с прошлого фикса */
  .header-html-2 {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    /* Центрируем кнопки */
    width: 100% !important;
    justify-content: center !important;
    margin: 4px 0 0 0 !important;
    order: 10 !important;
  }
  /* Разрешаем перенос строки */
  .site-header-inner {
    flex-wrap: wrap !important;
  }
  /* Branding занимает всю первую строку */
  .site-branding {
    flex: 1 !important;
  }
  /* Компенсация: мобильная шапка теперь выше (лого + кнопки) */
  #page.site {
    padding-top: 120px !important;
  }
}

/* ================================================================
   SVG ЛОГОТИП (заменяет PNG)
   Откат: удали этот блок
   ================================================================ */

/* Скрываем старый PNG */
.site-logotype img {
  visibility: hidden !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Показываем SVG через background */
.site-logotype {
  background: url('img/logo-dz.svg') no-repeat left center / auto 100% !important;
  width: 228px !important;
  min-height: 44px !important;
  display: block !important;
}

/* Scrolled state: немного меньше */
.site-header.dz-scrolled .site-logotype {
  min-height: 34px !important;
  width: 176px !important;
}

/* Мобильный: чуть компактнее */
@media (max-width: 767px) {
  .site-logotype {
    width: 190px !important;
    min-height: 38px !important;
  }
}

/* Убираем max-width на logotype (ограничивал до 65px) */
.site-logotype {
  max-width: none !important;
}

/* Мобильный: лого полная ширина (кнопки на второй строке, места хватает) */
@media (max-width: 767px) {
  .site-logotype {
    width: 228px !important;
    min-height: 38px !important;
  }
}

/* ФИКС: лого кликабельное — img прозрачный (держит размер), фон на <a> */
.site-logotype img {
  visibility: visible !important;
  opacity: 0 !important;
  width: 228px !important;
  height: 44px !important;
  display: block !important;
}
.site-logotype a {
  display: block !important;
  background: url('img/logo-dz.svg') no-repeat left center / contain !important;
}
@media (max-width: 767px) {
  .site-logotype img {
    height: 38px !important;
  }
}

/* ============================================

/* ============================================
   SIDEBAR CARDS — глобально (главная, рубрики)
   Два блока: "Игры" и "Популярное" — независимые
   ============================================ */

/* Каждый виджет — отдельная карточка */
.column.is-nav .widget,
.sticky-sidebar .widget {
  background: var(--dz-bg2) !important;
  border: 1px solid var(--dz-border) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* Заголовок виджета — зелёная черта снизу */
.column.is-nav .widget-header,
.column.is-nav .widgettitle,
.column.is-nav .widget-title,
.sticky-sidebar .widget-header,
.sticky-sidebar .widgettitle,
.sticky-sidebar .widget-title {
  color: var(--dz-text) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--dz-accent) !important;
  background: transparent !important;
}

/* Ссылки в виджете */
.column.is-nav .widget a,
.sticky-sidebar .widget a {
  color: var(--dz-text2) !important;
  transition: color 0.2s !important;
}
.column.is-nav .widget a:hover,
.sticky-sidebar .widget a:hover {
  color: var(--dz-accent) !important;
}

/* Список категорий ("Игры") */
.column.is-nav ul.index-category,
.sticky-sidebar ul.index-category {
  margin: 0 !important;
  padding: 0 !important;
}
.column.is-nav ul.index-category li,
.sticky-sidebar ul.index-category li {
  border-bottom: 1px solid var(--dz-border) !important;
}
.column.is-nav ul.index-category li:last-child,
.sticky-sidebar ul.index-category li:last-child {
  border-bottom: none !important;
}
.column.is-nav ul.index-category li a,
.sticky-sidebar ul.index-category li a {
  padding: 8px 0 !important;
  display: block !important;
  font-size: 13px !important;
}

/* ---- "ПОПУЛЯРНОЕ" (.widget-articles) — горизонтальный список ---- */
.widget-articles {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.widget-articles .post-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--dz-border) !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.widget-articles .post-card:first-child {
  border-top: none !important;
  padding-top: 0 !important;
}
.widget-articles .post-card:last-child {
  padding-bottom: 0 !important;
}
.widget-articles .post-card__thumbnail {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: block !important;
}
.widget-articles .post-card__thumbnail a {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.widget-articles .post-card__thumbnail img {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  min-width: 0 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}
.widget-articles .post-card__body {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.widget-articles .post-card__title {
  margin: 0 !important;
  padding: 0 !important;
}
.widget-articles .post-card__title a {
  display: block !important;
  color: var(--dz-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.widget-articles .post-card__title a:hover {
  color: var(--dz-accent) !important;
}
.widget-articles .post-card__description {
  display: none !important;
}

/* Скрываем виджет "Популярное" в сайдбаре */
.widget_wpshop_widget_articles {
  display: none !important;
}
