#wp-toolbar ul {
    display: block;
}



/* Доработка для тега <picture> */
.ratio > picture > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* = end = Доработка для тега <picture> */



/* Текст в 1 строку с многоточием */
.white-nowrap-ellipsis {
  white-space: nowrap;       /* Не переносить строки */
  overflow: hidden;          /* Скрывать выходящий за пределы контент */
  text-overflow: ellipsis;   /* Добавлять многоточие */
}
/* = end = Текст в 1 строку с многоточием */

/* Текст в 2 строки с многоточием */
.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* Максимум 2 строки */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* = end = Текст в 2 строки с многоточием */



/* Добавляем заднюю обложку-блюр */
.image-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transform: scale(1.1);
    z-index: 1;
    opacity: 0.8; /* Можно регулировать прозрачность блюра */
}
.image-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
}
.image-content picture {
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.image-content img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* = end = Добавляем заднюю обложку-блюр */
/* Для вертикальных изображений */
.image-content img[height] > img[width] {
    aspect-ratio: attr(width) / attr(height);
}
/* = end = Для вертикальных изображений */