/* ==========================================================================
   CRDGAME — ITEM CARDS / LARGE IMAGE CATALOG
   Файл: /file/entry/crd-item-cards.css

   Назначение:
   — карточки предметов с крупными вертикальными изображениями;
   — сетка 3 карточки в ряд на ПК;
   — подходит для брони, костюмов, уникальных предметов, комплектов и каталогов;
   — старые классы cd-armor-* сохранены, чтобы не переписывать готовые материалы.

   Визуальная логика:
   большая картинка 2:3 → тёмная плашка названия → блок описания/характеристик
   в стиле компактных предметных карточек.

   Версия: 20260709_2
========================================================================== */


/* ==========================================================================
   TEXT HELPERS
========================================================================== */

.pa-entry-content .cd-cat-intro {
 margin: 0 0 18px !important;
 color: #d0c8bb !important;
 font-size: 16px !important;
 line-height: 1.7 !important;
}

.pa-entry-content .cd-cat-h2 {
 margin: 34px 0 14px !important;
 padding: 0 0 8px !important;

 color: #ae8954 !important;

 border: 0 !important;
 border-bottom: 1px solid rgba(174,137,84,.30) !important;

 font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
 font-size: 22px !important;
 font-weight: 400 !important;
 line-height: 1.3 !important;
}

.pa-entry-content .cd-cat-note {
 margin: 16px 0 !important;
 padding: 12px 16px !important;

 color: #cfc4b6 !important;
 background: rgba(174,137,84,.08) !important;

 border: 0 !important;
 border-left: 3px solid #ae8954 !important;

 font-size: 15px !important;
 font-style: italic !important;
 line-height: 1.65 !important;
}

.pa-entry-content .cd-cat-link,
.pa-entry-content .cd-cat-link:link,
.pa-entry-content .cd-cat-link:visited {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 min-height: 38px !important;

 margin: 8px 0 18px !important;
 padding: 0 18px !important;

 color: #ae8954 !important;
 background: transparent !important;
 border: 1px solid #ae8954 !important;

 font-size: 14px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 text-decoration: none !important;

 transition:
  background .18s ease,
  color .18s ease,
  border-color .18s ease !important;
}

.pa-entry-content .cd-cat-link:hover {
 color: #15100c !important;
 background: #ae8954 !important;
 border-color: #ae8954 !important;
}


/* ==========================================================================
   LARGE ITEM GRID — 3 IN ROW
========================================================================== */

.pa-entry-content .cd-armor-grid {
 display: grid !important;
 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 gap: 18px !important;

 width: 100% !important;
 max-width: 100% !important;

 margin: 22px 0 36px !important;
 padding: 0 !important;

 box-sizing: border-box !important;
}

.pa-entry-content .cd-armor-card {
 display: flex !important;
 flex-direction: column !important;

 width: 100% !important;
 min-width: 0 !important;

 margin: 0 !important;
 padding: 0 !important;

 overflow: hidden !important;

 background: transparent !important;
 border: 0 !important;
 box-shadow: none !important;

 color: #ececd1 !important;

 box-sizing: border-box !important;
}


/* ==========================================================================
   RESET ARTICLE IMAGE STYLE INSIDE ITEM CARDS
   В старых материалах картинка лежит внутри .crd-article-img.
   Здесь полностью отключаем стиль одиночной картинки материала.
========================================================================== */

.pa-entry-content .cd-armor-card .crd-article-img {
 display: block !important;

 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;

 height: auto !important;
 min-height: 0 !important;
 max-height: none !important;

 margin: 0 !important;
 padding: 0 !important;

 background: transparent !important;
 background-image: none !important;

 border: 0 !important;
 box-shadow: none !important;
 outline: 0 !important;

 overflow: hidden !important;

 line-height: 0 !important;
 font-size: 0 !important;

 transform: none !important;
 transition: none !important;

 box-sizing: border-box !important;
}

.pa-entry-content .cd-armor-card .crd-article-img::before,
.pa-entry-content .cd-armor-card .crd-article-img::after {
 content: none !important;
 display: none !important;
}


/* ==========================================================================
   IMAGE
========================================================================== */

.pa-entry-content .cd-armor-imgwrap,
.pa-entry-content .cd-armor-imgwrap:link,
.pa-entry-content .cd-armor-imgwrap:visited,
.pa-entry-content .cd-armor-card .crd-article-img .cd-armor-imgwrap,
.pa-entry-content .cd-armor-card .crd-article-img a.cd-armor-imgwrap,
.pa-entry-content .cd-armor-card .crd-article-img a.ulightbox.cd-armor-imgwrap {
 position: relative !important;

 display: block !important;

 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;

 aspect-ratio: 2 / 3 !important;
 height: auto !important;

 margin: 0 !important;
 padding: 0 !important;

 overflow: hidden !important;

 cursor: zoom-in !important;

 background: #0e0b08 !important;
 border: 0 !important;
 box-shadow: none !important;
 outline: 0 !important;

 line-height: 0 !important;
 font-size: 0 !important;
 text-decoration: none !important;

 box-sizing: border-box !important;
}

.pa-entry-content .cd-armor-imgwrap img,
.pa-entry-content .cd-armor-card .crd-article-img .cd-armor-imgwrap img,
.pa-entry-content .cd-armor-card .crd-article-img a.cd-armor-imgwrap img {
 display: block !important;

 width: 100% !important;
 max-width: none !important;
 min-width: 100% !important;

 height: 100% !important;
 max-height: none !important;
 min-height: 100% !important;

 margin: 0 0 -8px !important;
 padding: 0 !important;

 object-fit: cover !important;
 object-position: center center !important;

 background: transparent !important;
 border: 0 !important;
 box-shadow: none !important;
 outline: 0 !important;

 filter: none !important;

 transform: none !important;
 transition: transform .3s ease !important;
}

.pa-entry-content .cd-armor-imgwrap:hover img,
.pa-entry-content .cd-armor-card .crd-article-img .cd-armor-imgwrap:hover img {
 transform: scale(1.1) !important;
}


/* Zoom icon */
.pa-entry-content .cd-armor-imgwrap::after {
 content: "" !important;

 position: absolute !important;
 right: 8px !important;
 bottom: 8px !important;
 z-index: 5 !important;

 display: block !important;

 width: 26px !important;
 height: 26px !important;

 opacity: 0 !important;

 background-color: rgba(21,16,12,.76) !important;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ae8954' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E") !important;
 background-repeat: no-repeat !important;
 background-position: center !important;
 background-size: 15px !important;

 border: 1px solid rgba(174,137,84,.52) !important;

 pointer-events: none !important;

 transition: opacity .25s ease !important;
}

.pa-entry-content .cd-armor-imgwrap:hover::after {
 opacity: 1 !important;
}


/* ==========================================================================
   TITLE BAR
========================================================================== */

.pa-entry-content .cd-armor-name {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;

 min-height: 70px !important;

 margin: 0 !important;
 padding: 15px 20px !important;

 color: #ececd1 !important;

 background: rgba(33,33,33,.50) !important;

 border: 0 !important;
 box-shadow: none !important;

 font-family: "Exo 2", "Open Sans", Arial, sans-serif !important;
 font-size: 22px !important;
 font-weight: 700 !important;
 line-height: 1.35 !important;
 text-align: center !important;
 text-transform: none !important;

 box-sizing: border-box !important;
}


/* ==========================================================================
   DETAILS AREA
========================================================================== */

.pa-entry-content .cd-armor-desc,
.pa-entry-content .cd-armor-stats {
 margin: 0 !important;

 color: #ececd1 !important;

 font-family: "Exo 2", "Open Sans", Arial, sans-serif !important;
 font-size: 16px !important;
 font-weight: 300 !important;
 line-height: 1.62 !important;
}

.pa-entry-content .cd-armor-desc {
 padding: 22px 20px 12px !important;

 background:
  linear-gradient(
   180deg,
   rgba(33,33,33,.50) 0%,
   rgba(17,17,17,.90) 100%
  ) !important;
}

.pa-entry-content .cd-armor-stats {
 margin-top: auto !important;
 padding: 8px 20px 24px !important;

 color: #c9c0ad !important;

 background:
  linear-gradient(
   180deg,
   rgba(17,17,17,.90) 0%,
   rgba(13,13,13,1) 100%
  ) !important;

 border: 0 !important;
 border-top: 1px solid #212121 !important;
}


/* ==========================================================================
   OPTIONAL TABLES
========================================================================== */

.pa-entry-content .cd-table-wrap {
 width: 100% !important;
 max-width: 100% !important;

 margin: 14px 0 24px !important;
 padding: 0 !important;

 overflow-x: auto !important;
}

.pa-entry-content .cd-table {
 width: 100% !important;
 min-width: 680px !important;

 margin: 0 !important;

 border-collapse: collapse !important;
 table-layout: auto !important;
}

.pa-entry-content .cd-table th,
.pa-entry-content .cd-table td {
 padding: 8px 10px !important;

 color: #c5b8aa !important;

 border: 1px solid rgba(255,255,255,.08) !important;

 font-size: 14px !important;
 line-height: 1.5 !important;
 text-align: left !important;
 vertical-align: middle !important;
}

.pa-entry-content .cd-table thead td,
.pa-entry-content .cd-table thead th {
 color: #fff !important;

 background: rgba(174,137,84,.15) !important;

 font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
 font-size: 13px !important;
 font-weight: 400 !important;
}

.pa-entry-content .cd-table tbody tr:nth-child(odd) {
 background: rgba(255,255,255,.02) !important;
}

.pa-entry-content .cd-table img {
 display: block !important;

 width: 56px !important;
 height: 56px !important;

 margin: 0 !important;
 padding: 0 !important;

 object-fit: contain !important;

 border: 0 !important;
 box-shadow: none !important;
}

.pa-entry-content .cd-table strong {
 color: #ffcf8f !important;
}


/* ==========================================================================
   FINAL BLOCK
========================================================================== */

.pa-entry-content .cd-final {
 margin: 36px 0 10px !important;
 padding: 24px !important;

 background:
  linear-gradient(
   135deg,
   rgba(36,28,22,.70) 0%,
   rgba(21,16,12,.95) 100%
  ) !important;

 border: 0 !important;
 border-left: 3px solid #ae8954 !important;

 box-shadow: none !important;
}

.pa-entry-content .cd-final p {
 margin: 0 0 14px !important;

 color: #c5b8aa !important;

 font-size: 15px !important;
 line-height: 1.75 !important;
}

.pa-entry-content .cd-final p:last-child {
 margin-bottom: 0 !important;
}


/* ==========================================================================
   DIVIDER
========================================================================== */

.pa-entry-content .cd-divider {
 display: flex !important;
 align-items: center !important;
 gap: 14px !important;

 margin: 34px 0 24px !important;
 padding: 0 !important;
}

.pa-entry-content .cd-divider span {
 flex: 1 !important;
 height: 1px !important;

 background:
  linear-gradient(
   90deg,
   transparent,
   rgba(174,137,84,.40),
   transparent
  ) !important;
}

.pa-entry-content .cd-divider .cd-divider-mark {
 flex: 0 0 auto !important;

 color: #ae8954 !important;

 font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
 font-size: 14px !important;
 line-height: 1 !important;
 letter-spacing: 3px !important;
 white-space: nowrap !important;
}


/* ==========================================================================
   SIGNATURE
========================================================================== */

.pa-entry-content .cd-signature {
 padding: 8px 0 4px !important;
 text-align: center !important;
}

.pa-entry-content .cd-signature .cd-sig-line {
 max-width: 680px !important;

 margin: 0 auto 14px !important;

 color: #9a8a7a !important;

 font-size: 14px !important;
 font-style: italic !important;
 line-height: 1.6 !important;
}

.pa-entry-content .cd-signature .cd-sig-role {
 margin: 0 0 6px !important;

 color: #ae8954 !important;

 font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
 font-size: 12px !important;
 line-height: 1.3 !important;
 letter-spacing: 2px !important;
 text-transform: uppercase !important;
}

.pa-entry-content .cd-signature .cd-sig-name {
 margin: 0 0 4px !important;

 color: #fff !important;

 font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 1.25 !important;
 letter-spacing: 4px !important;
}

.pa-entry-content .cd-signature .cd-sig-date {
 color: #6a5d4e !important;

 font-size: 12px !important;
 line-height: 1.4 !important;
 letter-spacing: 1px !important;
}


/* ==========================================================================
   RESPONSIVE
========================================================================== */

@media (max-width: 1024px) {
 .pa-entry-content .cd-armor-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }
}

@media (max-width: 767px) {
 .pa-entry-content .cd-armor-grid {
  grid-template-columns: 1fr !important;
  gap: 22px !important;
 }

 .pa-entry-content .cd-armor-name {
  min-height: 62px !important;
  padding: 13px 16px !important;
  font-size: 20px !important;
 }

 .pa-entry-content .cd-armor-desc,
 .pa-entry-content .cd-armor-stats {
  font-size: 15px !important;
 }

 .pa-entry-content .cd-armor-desc {
  padding: 18px 16px 10px !important;
 }

 .pa-entry-content .cd-armor-stats {
  padding: 8px 16px 20px !important;
 }

 .pa-entry-content .cd-table {
  min-width: 640px !important;
 }

 .pa-entry-content .cd-final {
  padding: 20px 16px !important;
 }

 .pa-entry-content .cd-divider {
  gap: 10px !important;
 }

 .pa-entry-content .cd-divider .cd-divider-mark {
  font-size: 12px !important;
  letter-spacing: 2px !important;
 }
}
/* ==========================================================================
   CRDGAME ITEM CARDS — GAP FIX
   Убирает пустоту между описанием и характеристиками.
   Версия: 20260709_gapfix_1
========================================================================== */

.pa-entry-content .cd-armor-grid {
 align-items: start !important;
}

.pa-entry-content .cd-armor-card {
 height: auto !important;
 align-self: start !important;
}

.pa-entry-content .cd-armor-stats {
 margin-top: 0 !important;
}