/* ============================================================================
   CRDGAME — NEWS ARCHIVE LIKE PUBL SECTION
   v20260721_news_like_publ_11

   Только модуль NEWS / Crimson Desert.
   НЕ трогает /publ/.
   НЕ меняет размеры карточек $BODY$ — архивные карточки остаются из news1.css.
   ============================================================================ */

html body.tmpl_body.crd-news-like-publ-section {
  --crd-news-like-gold: #c9a261;
  --crd-news-like-gold-2: #d8b06a;
  --crd-news-like-line: rgba(174, 137, 84, .18);
  --crd-news-like-line-strong: rgba(214, 170, 92, .42);
  --crd-news-like-text: #f4eadb;
  --crd-news-like-muted: rgba(232, 222, 206, .72);
  --crd-news-like-muted-2: rgba(232, 222, 206, .54);
}

/* Основная зона NEWS: ширину/карточки архива не ломаем, только убираем лишние ограничения обёртки. */
html body.tmpl_body.crd-news-like-publ-section .crd-news-page .wide-page {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Навигация разделов Crimson Desert — отдельный аккуратный блок между top-3 и описанием. */
html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tabs {
  width: var(--crd-hpn-content-w, min(1500px, calc(100vw - 56px))) !important;
  max-width: var(--crd-hpn-content-w, min(1500px, calc(100vw - 56px))) !important;
  margin: 0 auto clamp(22px, 2vw, 34px) !important;
  padding: 15px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-top: 1px solid var(--crd-news-like-line) !important;
  border-bottom: 1px solid var(--crd-news-like-line) !important;
  background: linear-gradient(90deg, rgba(0,0,0,.10), rgba(201,162,97,.045), rgba(0,0,0,.10)) !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab {
  min-height: 34px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(201,162,97,.24) !important;
  background: rgba(0,0,0,.16) !important;
  color: rgba(244,234,219,.78) !important;
  font: 400 11px/1 "Russo One", Arial, sans-serif !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab:hover,
html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab.is-active {
  color: #17110a !important;
  border-color: rgba(216,176,106,.72) !important;
  background: linear-gradient(180deg, #d1ad6a, #9f793c) !important;
  transform: translateY(-1px) !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab--add {
  margin-left: auto !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab .material-icons {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Описание игры. */
html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description {
  width: var(--crd-hpn-content-w, min(1500px, calc(100vw - 56px))) !important;
  max-width: var(--crd-hpn-content-w, min(1500px, calc(100vw - 56px))) !important;
  margin: 0 auto clamp(28px, 2.8vw, 46px) !important;
  padding: clamp(18px, 2vw, 28px) clamp(18px, 2.4vw, 38px) !important;
  border: 1px solid var(--crd-news-like-line) !important;
  border-left: 3px solid rgba(201,162,97,.55) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(201,162,97,.075), transparent 46%),
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(255,255,255,.018), rgba(0,0,0,.10)) !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description p {
  max-width: 1180px !important;
  margin: 0 auto !important;
  color: var(--crd-news-like-muted) !important;
  font: 400 clamp(14px, .9vw, 17px)/1.72 "Open Sans", Arial, sans-serif !important;
  text-align: center !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description a {
  color: var(--crd-news-like-gold-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(216,176,106,.35) !important;
}

html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description a:hover {
  color: #ffe1a0 !important;
  border-bottom-color: rgba(255,225,160,.72) !important;
}

/* ВАЖНО: архивные карточки $BODY$ не стилизуем заново. Они должны остаться как в news1.css. */
html body.tmpl_body.crd-news-like-publ-section .crd-hpn-archive-panel .crd-news-archive-default--news-like-publ,
html body.tmpl_body.crd-news-like-publ-section .crd-hpn-archive-panel .board_wrap,
html body.tmpl_body.crd-news-like-publ-section .crd-hpn-archive-panel .board_content,
html body.tmpl_body.crd-news-like-publ-section .crd-hpn-archive-panel .common_thumb_list {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 1300px) {
  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab--add {
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tabs,
  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tabs {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-tab {
    white-space: nowrap !important;
  }

  html body.tmpl_body.crd-news-like-publ-section .crd-news-like-description p {
    text-align: left !important;
  }
}