﻿/* ===================================================================
   Slavicstare · счётчик постов — ЧИСТОВОЙ диз (как на bss2)
   Поле «посты» — копия родных полей ряда: иконка-маска 10×10 над
   числом, подпись схлопнута в 0. Иконка — карандаш из того же дизайна
   (тот, что сейчас у поля fld2 «посты»).
   Ряд: сообщения · уважение · fld2 · fld3 · посты — пять полей по 20%.
   Если fld2 «посты» уберёте из профиля, поменяйте 20% на 25%.
=================================================================== */

:root {
  --ss-tip-bg:     #fff;
  --ss-tip-text:   #3f3f3f;
  --ss-tip-muted:  #8a8a8a;
  --ss-tip-border: rgba(63,63,63,.18);
}

/* пять полей в ряд вместо четырёх */
.post-author .pa-posts,
.post-author .pa-respect,
.post-author .pa-fld2,
.post-author .pa-fld3,
.post-author .pa-gameposts {
  width:20% !important;   /* тема задаёт ширину с !important */
}

.post-author .pa-gameposts {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:15px 0 0;
  font:400 11px/11px Mulish, sans-serif;
  color:#3f3f3f;
  text-transform:lowercase;
  cursor:pointer;
}

.post-author .pa-gameposts .fld-name {
  display:block;
  font-size:0;
  line-height:0;
}

.post-author .pa-gameposts .fld-name::before {
  content:"";
  display:block;
  width:10px;
  height:10px;
  background:#747474;
  -webkit-mask:url(https://forumstatic.ru/files/001c/c0/84/37596.svg) no-repeat center / contain;
  mask:url(https://forumstatic.ru/files/001c/c0/84/37596.svg) no-repeat center / contain;
}

/* --- тултип с периодами (игровые / снс) --- */
.ss-gp-tip {
  padding:9px 12px;
  background:var(--ss-tip-bg);
  color:var(--ss-tip-text);
  border:1px solid var(--ss-tip-border);
  border-radius:6px;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
  font:400 11px/1.5 Mulish, Verdana, Arial, sans-serif;
  letter-spacing:0;
  text-transform:lowercase;
}

.ss-gp-tip table { border-collapse:collapse; }

.ss-gp-tip td { padding:2px 0; vertical-align:top; }

.ss-gp-tip .ss-h td {
  color:var(--ss-tip-muted);
  font-size:10px;
  text-align:right;
  padding-bottom:4px;
}

.ss-gp-tip .ss-l {
  padding-right:18px;
  text-align:left;
}

.ss-gp-tip .ss-l small {
  display:block;
  font-size:9px;
  color:var(--ss-tip-muted);
}

.ss-gp-tip .ss-v {
  text-align:right;
  font-weight:600;
  padding-left:12px;
}

/* --- строка в профиле: оформление даёт тема --- */
#pa-gameposts .ss-gp-num { cursor:pointer; }
