/**
 * News Article — критические переопределения (загружается последним)
 * Принудительно перекрывает все vw-размеры на адекватные clamp
 */

.article-title-wiki {
  font-size: clamp(24px, 1.8vw, 32px) !important;
}

.article-content-wiki {
  font-size: clamp(14px, 1vw, 17px) !important;
}

.article-content-wiki p,
.article-content-wiki > div:not(.img-wrapper-content):not(.gallery-wrapper-content):not(.embed-wrapper-content):not(.quote-wrapper-content):not(.table-wrapper-content) {
  font-size: clamp(14px, 1vw, 17px) !important;
}

.article-content-wiki h2 {
  font-size: clamp(16px, 1.2vw, 22px) !important;
}

.article-content-wiki h3 {
  font-size: clamp(16px, 1.2vw, 20px) !important;
  margin-top: clamp(12px, 1vw, 18px) !important;
  margin-bottom: clamp(6px, 0.5vw, 10px) !important;
}

.article-content-wiki h4 {
  font-size: clamp(13px, 0.95vw, 16px) !important;
}

.article-content-wiki h5 {
  font-size: clamp(12px, 0.9vw, 15px) !important;
}

.article-content-wiki h6 {
  font-size: clamp(11px, 0.85vw, 14px) !important;
}

/* Картинка — меньше скругление углов */
.main-image-wrapper {
  border-radius: clamp(4px, 0.4vw, 8px) !important;
}

/* Meta row — иконки даты и просмотров видимы: clamp(12px,0.9vw,15px) */
.article-date-badge .lucide-icon,
.article-date-badge i[data-lucide],
.news-view-count .lucide-icon,
.news-view-count i[data-lucide] {
  width: clamp(12px, 0.9vw, 15px) !important;
  height: clamp(12px, 0.9vw, 15px) !important;
  min-width: clamp(12px, 0.9vw, 15px) !important;
  min-height: clamp(12px, 0.9vw, 15px) !important;
}
/* Убрать точку между датой и просмотрами */
.article-meta-left .meta-separator {
  display: none !important;
}

/* Early Reader Bonus — new_design размеры */
.early-bonus-inner {
  padding: clamp(12px, 1.1vw, 20px) !important;
  gap: clamp(10px, 1vw, 18px) !important;
}
.early-bonus-icon {
  width: clamp(36px, 2.8vw, 48px) !important;
  height: clamp(36px, 2.8vw, 48px) !important;
  min-width: clamp(36px, 2.8vw, 48px) !important;
  min-height: clamp(36px, 2.8vw, 48px) !important;
}
.early-bonus-text h4 {
  font-size: clamp(13px, 0.9vw, 16px) !important;
}
.early-bonus-text p {
  font-size: clamp(11px, 0.75vw, 13px) !important;
}
.early-bonus-actions .claim-bonus-btn {
  padding: clamp(6px, 0.55vw, 10px) clamp(14px, 1.4vw, 22px) !important;
  font-size: clamp(12px, 0.8vw, 14px) !important;
  border-radius: clamp(8px, 0.7vw, 12px) !important;
}
.early-bonus-actions .bonus-remaining {
  font-size: clamp(9px, 0.6vw, 11px) !important;
}

/* Like/dislike — менее высокие кнопки, иконки clamp(14px,0.95vw,16px) */
.article-bottom-actions .new-vote-btn {
  padding: clamp(6px, 0.5vw, 10px) clamp(12px, 1vw, 18px) !important;
}
.article-bottom-actions .new-vote-btn .lucide-icon,
.article-bottom-actions .new-vote-btn i[data-lucide] {
  width: clamp(14px, 0.95vw, 16px) !important;
  height: clamp(14px, 0.95vw, 16px) !important;
  min-width: clamp(14px, 0.95vw, 16px) !important;
  min-height: clamp(14px, 0.95vw, 16px) !important;
}

/* Reactions — new_design: emoji clamp(22px,1.6vw,30px), count clamp(10px,0.7vw,13px), border-2, rounded-xl */
.reaction-item {
  padding: clamp(8px, 0.7vw, 14px) clamp(6px, 0.6vw, 10px) !important;
  border-width: 2px !important;
  border-radius: clamp(10px, 0.9vw, 14px) !important;
}
.reaction-item .emoji-icon {
  font-size: clamp(22px, 1.6vw, 30px) !important;
  line-height: 1 !important;
}
.reaction-item .reaction-count-new {
  font-size: clamp(10px, 0.7vw, 13px) !important;
}

/* Comments — все размеры как new_design, корректно на всех устройствах */
.comments-section-new {
  padding: clamp(16px, 1.6vw, 28px) clamp(12px, 1.2vw, 24px) !important;
  border-radius: 0 0 clamp(10px, 1vw, 16px) clamp(10px, 1vw, 16px) !important;
}
.comments-title-new {
  font-size: clamp(16px, 1.2vw, 20px) !important;
}
.comments-count-badge {
  font-size: clamp(13px, 0.9vw, 16px) !important;
}
.comment-textarea-new {
  min-height: clamp(80px, 6vw, 110px) !important;
  height: auto !important;
  padding: clamp(10px, 0.8vw, 14px) !important;
  font-size: clamp(12px, 0.85vw, 14px) !important;
  line-height: 1.5 !important;
  border-radius: clamp(8px, 0.7vw, 12px) !important;
}
.comment-textarea-new.small {
  min-height: clamp(60px, 4.5vw, 80px) !important;
  font-size: clamp(11px, 0.8vw, 13px) !important;
  border-radius: clamp(6px, 0.6vw, 10px) !important;
}
.char-counter-new,
.reply-box .reply-char-counter {
  font-size: clamp(11px, 0.8vw, 13px) !important;
  bottom: clamp(8px, 0.6vw, 12px) !important;
  right: clamp(10px, 0.8vw, 14px) !important;
}
.post-comment-btn-new {
  padding: clamp(6px, 0.5vw, 10px) clamp(14px, 1.2vw, 20px) !important;
  font-size: clamp(12px, 0.8vw, 14px) !important;
  border-radius: clamp(8px, 0.7vw, 12px) !important;
}
.post-comment-btn-new .lucide-icon {
  width: clamp(14px, 1vw, 18px) !important;
  height: clamp(14px, 1vw, 18px) !important;
  min-width: clamp(14px, 1vw, 18px) !important;
  min-height: clamp(14px, 1vw, 18px) !important;
}
.post-comment-btn-new.small {
  padding: clamp(6px, 0.5vw, 10px) clamp(12px, 1vw, 18px) !important;
  font-size: clamp(12px, 0.85vw, 14px) !important;
}
.comments-list-container {
  margin-top: clamp(12px, 1.2vw, 20px) !important;
}
.comment-item {
  padding: clamp(10px, 1.1vw, 18px) !important;
  gap: clamp(8px, 0.8vw, 14px) !important;
  margin-bottom: clamp(8px, 0.7vw, 12px) !important;
  border-radius: clamp(8px, 0.8vw, 12px) !important;
}
.comment-avatar-wrapper {
  flex-shrink: 0 !important;
}
.comment-avatar {
  width: clamp(32px, 2.7vw, 42px) !important;
  height: clamp(32px, 2.7vw, 42px) !important;
  min-width: clamp(32px, 2.7vw, 42px) !important;
  min-height: clamp(32px, 2.7vw, 42px) !important;
}
.comment-header {
  gap: clamp(10px, 0.9vw, 16px) !important;
}
.comment-author {
  font-size: clamp(12px, 0.85vw, 14px) !important;
}
.comment-date {
  font-size: clamp(10px, 0.68vw, 12px) !important;
}
.comment-text {
  font-size: clamp(12px, 0.85vw, 14px) !important;
  line-height: 1.5 !important;
  margin-bottom: clamp(6px, 0.5vw, 10px) !important;
}
.comment-footer {
  gap: clamp(6px, 0.7vw, 12px) !important;
}
/* Лайки/дизлайки — шрифт меньше текста комментария (12–14px) */
.comment-votes .c-btn.vote-btn,
.comment-votes .c-btn {
  font-size: clamp(10px, 0.75vw, 12px) !important;
  padding: clamp(5px, 0.4vw, 8px) clamp(8px, 0.65vw, 12px) !important;
}
.comment-votes .c-btn .vote-count {
  font-size: clamp(10px, 0.75vw, 12px) !important;
}
.comment-votes .c-btn .lucide-icon {
  width: clamp(11px, 0.8vw, 13px) !important;
  height: clamp(11px, 0.8vw, 13px) !important;
}
.comment-votes .c-btn .fas {
  font-size: clamp(11px, 0.8vw, 13px) !important;
}
/* Reply/Edit/Delete — тот же размер что лайки, меньше текста комментария */
.c-btn.reply-btn,
.c-btn.edit,
.c-btn.delete {
  font-size: clamp(10px, 0.75vw, 12px) !important;
  padding: clamp(5px, 0.4vw, 8px) clamp(8px, 0.65vw, 12px) !important;
}
.c-btn.reply-btn .fas,
.c-btn.edit .fas,
.c-btn.delete .fas,
.c-btn.reply-btn .lucide-icon,
.c-btn.edit .lucide-icon,
.c-btn.delete .lucide-icon {
  width: clamp(11px, 0.8vw, 13px) !important;
  height: clamp(11px, 0.8vw, 13px) !important;
  font-size: clamp(11px, 0.8vw, 13px) !important;
}
.reply-item {
  gap: clamp(6px, 0.6vw, 10px) !important;
  margin-top: clamp(8px, 0.7vw, 12px) !important;
}
.reply-item .comment-avatar,
.comment-avatar-reply {
  width: clamp(26px, 2.3vw, 34px) !important;
  height: clamp(26px, 2.3vw, 34px) !important;
  min-width: clamp(26px, 2.3vw, 34px) !important;
  min-height: clamp(26px, 2.3vw, 34px) !important;
}
.reply-item .comment-author,
.reply-author {
  font-size: clamp(11px, 0.8vw, 13px) !important;
}
.reply-item .comment-date,
.reply-date {
  font-size: clamp(9px, 0.62vw, 11px) !important;
}
.reply-item .comment-text,
.reply-text {
  font-size: clamp(11px, 0.8vw, 13px) !important;
}
.minimal-edit-btn {
  padding: clamp(6px, 0.5vw, 10px) clamp(12px, 1vw, 16px) !important;
  font-size: clamp(12px, 0.9vw, 14px) !important;
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.minimal-edit-btn .lucide-icon {
  width: clamp(14px, 1vw, 16px) !important;
  height: clamp(14px, 1vw, 16px) !important;
}
.load-more-comments-btn,
.load-more-replies-btn {
  padding: clamp(10px, 0.9vw, 16px) !important;
  font-size: clamp(13px, 0.95vw, 16px) !important;
  border-radius: clamp(8px, 0.7vw, 12px) !important;
}
.reply-box {
  border-radius: clamp(4px, 0.4vw, 8px) !important;
}
.reply-box .comment-textarea-new.small {
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.reply-box-actions .post-comment-btn-new.small,
.reply-box-actions .c-btn.cancel {
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.reply-box-actions .c-btn.cancel {
  padding: clamp(6px, 0.5vw, 10px) clamp(14px, 1.1vw, 18px) !important;
  font-size: clamp(12px, 0.85vw, 14px) !important;
}
.reply-toggle-btn {
  font-size: clamp(11px, 0.8vw, 13px) !important;
}
.comment-form-new {
  margin-bottom: clamp(14px, 1.2vw, 22px) !important;
}
.comments-header-row {
  margin-bottom: clamp(10px, 1vw, 16px) !important;
}
.comments-pagination .c-page-btn {
  padding: clamp(6px, 0.5vw, 10px) clamp(12px, 1vw, 16px) !important;
  font-size: clamp(12px, 0.85vw, 14px) !important;
  border-radius: clamp(4px, 0.4vw, 8px) !important;
}
.reply-item .comment-votes .c-btn.vote-btn,
.reply-item .comment-votes .c-btn {
  font-size: clamp(10px, 0.75vw, 12px) !important;
}
.reply-item .comment-votes .c-btn .fas,
.reply-item .comment-votes .c-btn .lucide-icon {
  font-size: clamp(11px, 0.8vw, 13px) !important;
  width: clamp(11px, 0.8vw, 13px) !important;
  height: clamp(11px, 0.8vw, 13px) !important;
}
.reply-item .c-btn.reply-btn {
  font-size: clamp(10px, 0.75vw, 12px) !important;
}
.reply-item .c-btn.reply-btn .fas,
.reply-item .c-btn.reply-btn .lucide-icon {
  font-size: clamp(11px, 0.8vw, 13px) !important;
  width: clamp(11px, 0.8vw, 13px) !important;
  height: clamp(11px, 0.8vw, 13px) !important;
}
/* Comments sort dropdown — корректное отображение */
.comments-filter-container .custom-select {
  min-width: clamp(100px, 10vw, 140px) !important;
  width: auto !important;
}
.comments-filter-container .select-selected {
  font-size: clamp(11px, 0.75vw, 13px) !important;
  padding: clamp(4px, 0.4vw, 8px) clamp(10px, 0.9vw, 14px) !important;
  gap: clamp(4px, 0.35vw, 6px) !important;
  min-height: auto !important;
  align-items: center !important;
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.comments-filter-container .select-chevron {
  width: clamp(12px, 0.9vw, 16px) !important;
  height: clamp(12px, 0.9vw, 16px) !important;
  flex-shrink: 0 !important;
}
.comments-filter-container .select-items {
  min-width: 100% !important;
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.comments-filter-container .select-item {
  font-size: clamp(11px, 0.75vw, 13px) !important;
  padding: clamp(8px, 0.6vw, 12px) clamp(10px, 0.9vw, 14px) !important;
}
.login-prompt-new .login-prompt-text {
  font-size: clamp(12px, 0.85vw, 14px) !important;
}
.login-prompt-new {
  border-radius: clamp(8px, 0.7vw, 12px) !important;
  padding: clamp(14px, 1.2vw, 20px) !important;
}
.login-prompt-new .login-prompt-btn {
  padding: clamp(6px, 0.5vw, 10px) clamp(12px, 1vw, 18px) !important;
  font-size: clamp(12px, 0.85vw, 14px) !important;
  border-radius: clamp(6px, 0.5vw, 10px) !important;
}
.no-comments {
  font-size: clamp(12px, 0.9vw, 14px) !important;
  padding: clamp(16px, 1.5vw, 24px) !important;
  color: var(--vc-gray-dark, #64748b) !important;
}

/* Пробел между иконкой глаза и числом просмотров в карточке рекомендации */
.news-recommendations-sidebar .news-stat-search,
.news-article-rec-grid .news-stat-search {
  gap: clamp(6px, 0.5vw, 10px) !important;
}

/* Auth modal (Account Required) — меньше, отступы по краям */
.auth-modal {
  padding: clamp(16px, 2vw, 24px) !important;
  box-sizing: border-box !important;
}
.auth-modal-content {
  padding: clamp(16px, 2vw, 24px) !important;
  max-width: min(340px, calc(100vw - 32px)) !important;
  width: 100% !important;
  border-radius: clamp(10px, 1vw, 14px) !important;
}
.auth-modal-icon {
  font-size: clamp(36px, 4.5vw, 48px) !important;
  margin-bottom: clamp(10px, 1vw, 16px) !important;
}
.auth-modal h3 {
  font-size: clamp(16px, 1.4vw, 22px) !important;
  margin: 0 0 clamp(6px, 0.6vw, 10px) !important;
}
.auth-modal p {
  font-size: clamp(12px, 0.95vw, 15px) !important;
  margin: 0 0 clamp(12px, 1.2vw, 20px) !important;
  line-height: 1.5 !important;
}
.auth-modal-buttons {
  gap: clamp(8px, 0.8vw, 12px) !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.auth-modal .auth-btn {
  padding: clamp(8px, 0.8vw, 12px) clamp(16px, 1.5vw, 24px) !important;
  font-size: clamp(12px, 0.95vw, 15px) !important;
  border-radius: clamp(6px, 0.5vw, 10px) !important;
  min-width: clamp(90px, 10vw, 120px) !important;
}
.auth-modal-close {
  top: clamp(6px, 0.6vw, 10px) !important;
  right: clamp(6px, 0.6vw, 10px) !important;
  font-size: clamp(16px, 1.3vw, 22px) !important;
  width: clamp(28px, 2.2vw, 36px) !important;
  height: clamp(28px, 2.2vw, 36px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Delete comment modal — нормальный размер, отступы по краям */
.delete-comment-modal-backdrop {
  padding: clamp(16px, 2vw, 24px) !important;
  box-sizing: border-box !important;
}
.delete-comment-modal-inner {
  max-width: min(360px, calc(100vw - 48px)) !important;
  width: 100% !important;
  padding: clamp(24px, 2.5vw, 32px) !important;
  border-radius: clamp(12px, 1.2vw, 16px) !important;
  margin: 0 auto !important;
}
.delete-comment-modal-icon-wrap {
  width: clamp(48px, 4vw, 56px) !important;
  height: clamp(48px, 4vw, 56px) !important;
  margin-bottom: clamp(16px, 1.5vw, 20px) !important;
}
.delete-comment-modal-icon {
  width: clamp(24px, 2vw, 28px) !important;
  height: clamp(24px, 2vw, 28px) !important;
}
.delete-comment-modal-title {
  font-size: clamp(18px, 1.4vw, 22px) !important;
  margin: 0 0 clamp(8px, 0.8vw, 12px) !important;
}
.delete-comment-modal-message {
  font-size: clamp(14px, 1vw, 16px) !important;
  margin: 0 0 clamp(24px, 2vw, 28px) !important;
}
.delete-comment-modal-actions {
  gap: clamp(12px, 1vw, 16px) !important;
}
.delete-comment-modal-cancel,
.delete-comment-modal-delete {
  padding: clamp(10px, 0.9vw, 14px) clamp(18px, 1.5vw, 24px) !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  border-radius: clamp(8px, 0.7vw, 12px) !important;
}