/* Стили для заголовка с переключением */
.uk-toggle[data-uk-toggle*="alpha-commentstrip__scroll"] {
    cursor: pointer;
    transition: all 0.2s ease;
}

.uk-toggle[data-uk-toggle*="alpha-commentstrip__scroll"] i {
    transition: transform 0.2s ease;
}

/* Анимация для иконки */
.uk-toggle[data-uk-toggle*="alpha-commentstrip__scroll"] i.fa-caret-down {
    transform: rotate(0deg);
}

.uk-toggle[data-uk-toggle*="alpha-commentstrip__scroll"] i.fa-caret-right {
    transform: rotate(-90deg);
}

/* Анимация вращения для иконки обновления */
@keyframes js-commentstrip-rotating__icon {
  from, to {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.js-commentstrip-rotating__icon {
  animation: js-commentstrip-rotating__icon 1s linear;
}

/* Вендорные префиксы для анимации */
@-webkit-keyframes js-commentstrip-rotating__icon {
  from, to {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-moz-keyframes js-commentstrip-rotating__icon {
  from, to {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-ms-keyframes js-commentstrip-rotating__icon {
  from, to {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-o-keyframes js-commentstrip-rotating__icon {
  from, to {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Стили для иконки обновления */
.js-commentstrip-load__manual {
    cursor: pointer;
    transition: all 0.2s ease;
}

.js-commentstrip-load__manual:hover {
    opacity: 0.7;
}

/* Основные стили для контейнера комментариев */
.alpha-commentstrip__main-container {
	display: none;
	width: auto;
}
.alpha-commentstrip__main-container .alpha-commentstrip__album-title{
	/*display: none;*/
}
.alpha-commentstrip__main-container .alpha-commentstrip__album-title span, .alpha-commentstrip__main-container .alpha-commentstrip__album-title span a, .alpha-commentstrip__main-container .alpha-commentstrip__album-title span a:hover,.alpha-commentstrip__main-container .alpha-commentstrip__album-title a:focus,.alpha-commentstrip__main-container .alpha-commentstrip__album-title a:active {
	/*display: none;*/
	background: none !important;
	padding: 0 !important;
	color: black !important;
}
.alpha-dark .alpha-commentstrip__main-container .alpha-commentstrip__album-title span,.alpha-dark .alpha-commentstrip__main-container .alpha-commentstrip__album-title span a,.alpha-dark .alpha-commentstrip__main-container .alpha-commentstrip__album-title span a:hover,.alpha-dark .alpha-commentstrip__main-container .alpha-commentstrip__album-title a:focus,.alpha-dark .alpha-commentstrip__main-container .alpha-commentstrip__album-title a:active {
	color: white !important;
}


/* Показываем только на десктопе (960px+) */
@media only screen and (min-width: 960px) {
	.alpha-commentstrip__main-container {
		display: block;
	}
}
.alpha-commentstrip__scroll {
	max-height: calc(100vh + 300px);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	margin-bottom: 20px
}

.alpha-commentstrip__scroll::-webkit-scrollbar {
	width: 6px;
}
.alpha-commentstrip__scroll::-webkit-scrollbar-thumb {
	background-color: transparent; 
}

.alpha-commentstrip__avatar .avatar {
	width: 24px;
	height: 24px;
}
.alpha-commentstrip__author {
  font-size: 13px;
  font-weight: 600 !important;
	white-space: nowrap;
	max-width: 180px;
	overflow: hidden;
  text-overflow: ellipsis;
}
.alpha-commentstrip__time {
	width: 26px;
	max-width: 26px;
	overflow: hidden;
}

.alpha-commentstrip__comment {
  font-size: 14px;
}
.alpha-commentstrip__url {
  display: block;
  /**
  font-weight: 600 !important;
  max-height: 20px;
  height: 22px;
  **/
  overflow: hidden;
  font-size: 14px;
}

.alpha-commentstrip__comm_text {color: #111 !important;}

/* Стили для галереи в комментстрипе */
.commentstrip-files {
  margin: 8px 0;
}

/* Переопределяем UIKit автоматический uk-grid-margin на uk-grid-margin-small */
/* Для галерей в комментариях и комментстрипе */
.uk-grid.uk-grid-margin-small .uk-grid-margin {
  margin-top: 10px !important; /* uk-grid-margin-small значение вместо стандартного 30px */
}

/* Кастомные отступы 5px для комментстрипа */
.commentstrip-gallery .uk-grid {
  margin-left: -5px;
}

.commentstrip-gallery .uk-grid > * {
  padding-left: 5px;
  padding-top: 5px;
}

.commentstrip-gallery .uk-grid-margin {
  margin-top: 5px !important; /* Вертикальные отступы между рядами тоже 5px */
}

/* Убираем отступ у первого ряда изображений */
.commentstrip-gallery .uk-grid > .uk-grid-margin:first-child,
.commentstrip-gallery .uk-grid > .uk-grid-margin:nth-child(2),
.commentstrip-gallery .uk-grid > .uk-grid-margin:nth-child(3) {
  margin-top: 0 !important;
}

.commentstrip-gallery .alpha-post_preview__item {
  margin-bottom: 0;
  border-radius: 6px;
  overflow: hidden;
}

.commentstrip-gallery .alpha-pos__rel__im {
  border-radius: 6px;
}

.commentstrip-gallery .alpha-pos__rel__im {
  transition: transform 0.3s ease, opacity 0.2s ease;
}

.commentstrip-gallery .alpha-pos__rel__im:hover {
  transform: scale(1.05);
  opacity: 0.95;
}

/* Стили для одного изображения - на всю ширину, компактно */
.commentstrip-gallery.single-image .uk-grid > * {
  width: 100% !important;
}

.commentstrip-gallery.single-image .alpha-pos__rel__im {
  height: 80px !important;
}

/* Стили для множественных изображений - квадратные блоки по 3 */
.commentstrip-gallery.multiple-images .uk-grid > * {
  width: 33.333% !important;
}

.commentstrip-gallery.multiple-images .alpha-pos__rel__im {
  height: 80px !important;
}

/* Временно закрыл */
/* Ограничиваем изображения в тексте комментария - показываем только первое */
.alpha-commentstrip__scroll .main-comm-text .figure-cke:not(:first-child) {
  /** display: none !important; */
}

/* Меняем ширину изображений в тексте для комментстрипа */
.alpha-commentstrip__scroll .main-comm-text .figure-cke {
  width: calc(100% - 122px) !important;
  display: block;
  margin-bottom: 10px !important;
}

.alpha-commentstrip__scroll .main-comm-text .stacked_gallery .figure-cke {
  width: 100% !important;
  display: block;
  margin-bottom: 10px !important;
}

/* Комментстрип показ файлов */
.alpha-commentstrip__main-container .file-cke-crop {
    width: 100px !important;
    margin: 0 5px 5px 0 !important;
}
.alpha-commentstrip__main-container .file-cke-crop .uk-icon{
    display: none !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box{
	padding: 20px 10px 0 10px !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .file-img-box{
    line-height: 20px !important;
    min-height: 20px !important;
    margin-bottom: 10px !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .file-img-box img{
    height: 34px !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .alpha-img_fold{
    height: 34px !important;
    width: 28px !important;
    margin-left: 9px !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .alpha-img_fold__extension{
    display: none !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .text-overflow{
    font-size: 11px !important;
}
.alpha-commentstrip__main-container .file-cke-crop .file-man-box .alpha-text__blue_pink{
    display: none !important;
}

/* Стили для блока текста комментария с аватаром */
.commentstrip-text {
    box-sizing: border-box;
    padding: 6px 9px;
    background-color: #fff;
    position: relative;
    border-radius: 4px;
    box-shadow: 2px 4px 17px 0px hsla(0, 0%, 87%, 0.98);
    text-align: left;
    color: #757575;
    cursor: default;
    flex: 1;
    /**
    max-height: 520px;
    overflow: hidden;
    **/
}

/* Носик (стрелка) слева от блока, напротив аватара */
.commentstrip-text:before {
    display: block;
    content: "";
    left: -6px;
    top: 11px;
    position: absolute;
    border-top: 6px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
}

.commentstrip-text:active,
.commentstrip-text:focus {
    box-shadow: 2px 4px 17px 0px hsla(0, 0%, 87%, 0.98) !important;
}

/* Убираем тени в темной теме для активных состояний */
.alpha-dark .commentstrip-text:active,
.alpha-dark .commentstrip-text:focus {
    box-shadow: none !important;
}

/* Обертка для аватара и блока текста */
.commentstrip-text__wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 7px;
}

/* Аватар слева от блока текста, напротив носика */
.commentstrip-text__avatar {
    flex-shrink: 0;
}

.commentstrip-text__avatar .avatar {
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

/* Темная тема */
.alpha-dark .commentstrip-text {
    background-color: #4f4c4c;
    color: #f9f2f2 !important;
    box-shadow: none !important;
}

.alpha-dark .commentstrip-text:before {
    border-right-color: #4f4c4c;
}


.alpha-commentstrip__scroll .alpha-img_fold::before {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-bottom: 8px solid #B0B7BD;
  border-right: 8px solid transparent;
  border-radius: 0 0 0 1px;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.2);
}

.alpha-commentstrip__scroll .alpha-img_fold::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top: 8px solid #f9f9f9;
  border-left: 8px solid transparent;
}