﻿/* ===================================================================
   ARC · счётчик игровых постов: поле с пером в блоке автора + тултип
   Правится свободно: скрипт сюда не заглядывает, он только расставляет
   классы. Поле повторяет схему родного «Сообщений» (.pa-posts) этой
   темы: подпись схлопнута, над числом иконка. Если тема поменяет вид
   родных полей — поправить значения ниже так же.
=================================================================== */

/* --- поле в блоке автора (темы) ---
   Поле носит класс pa-posts, поэтому весь вид берёт у темы. Здесь только:
   1) ряд «Сообщений · Репутация» тема строит гридом из 2 колонок —
      делаем 3, чтобы перо встало третьим в тот же ряд;
   2) иконка: перо вместо конверта. */
.post-author ul:has(> .pa-gameposts) {
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:               /* те же области темы, на 3 колонки */
    "element element element"
    "author author author"
    "title title title"
    "avatar avatar avatar"
    "info info info"
    "posts respect gameposts" !important;
}

.post-author .pa-posts.pa-gameposts {
  grid-column:3 !important;
  width:auto !important;
  order:8 !important;                /* мобильная раскладка темы — flex с order; мы за «Репутацией» (7) */             /* у pa-posts тема ставит фикс. ширину под 2 колонки */
  cursor:pointer;
}

.post-author .pa-posts.pa-gameposts .fld-name::before {
  content:"56b";                          /* fa-feather-pointed (перо) */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
}

/* --- строка в профиле: оформление даёт тема (#profile-right li) --- */
#pa-gameposts .arc-gp-num {
  cursor:pointer;
}

/* --- тултип с периодами --- */
.arc-gp-tip {
  position:absolute;
  z-index:100002;
  display:none;
  padding:8px 12px;
  background:#f6efe4;
  color:rgb(64,48,34);
  border:1px solid rgba(115,86,61,.35);
  border-radius:4px;
  box-shadow:0 2px 5px #00000029;
  white-space:nowrap;
  pointer-events:none;
  font:400 11px/1.7 verdana, arial, sans-serif;
  letter-spacing:0;
  text-transform:lowercase;
}

.arc-gp-tip.is-open {
  display:block;
}

.arc-gp-tip table {
  border-collapse:collapse;
}

.arc-gp-tip td {
  padding:0;
}

.arc-gp-tip .dgp-l {
  padding-right:16px;
  text-align:left;
  opacity:.75;
}

.arc-gp-tip .dgp-v {
  text-align:right;
  font-weight:600;
  color:rgb(115,86,61);
}
