@charset "UTF-8";
/*
 * face_base_v2.css — ЭТАП 0: ОБЩИЙ ФУНДАМЕНТ КАБИНЕТА ПЕРСОНЫ И КОЛЛЕКТИВА.
 *
 * Зачем отдельный файл. Эти блоки повторяются в КАЖДОМ макете кабинета, поэтому
 * их надо выверить один раз и дальше на них опираться всем разделам: шапка
 * About_me (большое фото + аватар + блок информации + соцкнопки), кнопки,
 * сетка карточек, крошки. Раньше числа были размазаны по persons.css,
 * face_page_v2.css и инлайну шаблонов; здесь они собраны в одном месте и
 * подписаны замером из макета.
 *
 * ОТКУДА ЧИСЛА (замер, а не «на глаз»). Скрипт замера — _clubber/_et0_psd.py,
 * он печатает bbox каждого слоя. Файл-эталон — поколение 2016 (решение
 * владельца): D:\YandexDisk\Clubber\clubber4\PSD\News.psd,
 * холст 1440×3844, слоёв 214, текстов 73, md5 4b45bfa143de.
 *
 *   слой            bbox в макете            размер     где у нас
 *   About_me        (134,217)-(1306,581)     1172×364   .cb-cover (persons.css)
 *   Big_photo       совпадает с About_me     1172×364   .cb-cover-img
 *   Avatar          (134,217)-(406,581)      272×364    .cb-cover-avatar (270 у нас — см. ниже)
 *   Information     (435,246)-(684,512)      249×266    .cb-cover-rows (НОВОЕ, на обложке)
 *     первая строка y=246  → +29 от верха обложки
 *     шаг строк 30 px (246, 289, 319, 349, 379, 409, 439, 468, 499)
 *   Social          (433,534)-(561,563)      128×29     .cb-cover-social (НОВОЕ, на обложке)
 *     4 значка 28×28, начало 433/466/499/533 → шаг 33 = 28 + зазор 5
 *     y=534 → +317 от верха обложки, то есть 18 px от низа
 *   Edit_profil     (163,510)-(376,551)      213×41     .cb-btn-213 (НОВОЕ)
 *   Button (крупн.) (757,1596)-(983,1642)    226×46     .cb-btn-225 (НОВОЕ)
 *   Menu            (133,578)-(407,934)      274×356    .cb-side / .cb-av-nav
 *   сетка карточек  1..5: 163×163, шаг 178   зазор 15   .cb-cards .cb-card
 *   Bread_crumbs    (133,152)-(412,185)      выс. 33    .breadcrumbs
 *
 * ЧТО У НАС УЖЕ СОВПАДАЛО (замер стенда 28.09.2026, _clubber/_et0_shot.py):
 *   .cb-cover 1170×364 (ширина ограничена колонкой 1170, в макете 1172);
 *   .cb-cover-avatar 270×364 (в макете 272 — оставлено 270, чтобы аватар и левая
 *   колонка .cb-side-cell были РОВНО одной ширины: решение PERSONA-MODS-8);
 *   .cb-cover-info left 300 / top 29 (в макете 301 / 29);
 *   карточка 163×163, шаг колонок 176 (в макете 178 — в колонку 870 px пятой
 *   карточке макетных 873 px не хватает);
 *   крошки 20 px «Proxima Nova Condensed Bold», как в макете.
 *   Это НЕ переделываем — только зафиксировано замером.
 *
 * ЧТО ЗДЕСЬ ИСПРАВЛЕНО ПО МАКЕТУ:
 *   1) блок информации (имя, настоящее имя, род деятельности, город, день
 *      рождения, на сайте с, индекс активности, рейтинг) в КАБИНЕТНОМ виде стоит
 *      НА ОБЛОЖКЕ, в колонке сведений — как в News.psd и Friends_2.psd 2016.
 *      Гостевой вид не меняем: там сведения остаются в левой колонке, как в
 *      Persona.psd (там левой колонкой занято меню кабинета, поэтому сведения
 *      уехали на обложку — в публичном макете они в колонке).
 *   2) соцкнопки — ряд 128×29 из значков 28×28 с зазором 5 на обложке, внизу
 *      колонки сведений, 18 px от низа (в макете ровно там).
 *   3) кнопки страницы — 213×41 (в макете три кнопки одного размера: сообщение,
 *      подписка, «редактировать профиль»); крупная кнопка раздела — 225×45.
 *      До этапа 0 .ro-button выходил 35 px в высоту и шириной по тексту.
 *
 * Область действия — .cb-face-page: класс стоит на обёртке страницы персоны
 * (#personContent, user/user_v2.tpl) и коллектива (collective/collective_v2.tpl).
 * Другие страницы этот файл не задевает.
 */

/* ============================================================ КНОПКИ ======
   213×41 — кнопка страницы (макет: Edit_profil / Message_button /
   Add_to_friends_button — все три одного размера);
   225×45 — крупная кнопка внутри раздела (макет: «показать все»). */

.cb-face-page .cb-btn-213,
.cb-face-page .cb-btn-225 {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.cb-face-page .cb-btn-213 {
  width: 213px;
  height: 41px;
  line-height: 37px;          /* 41 − 2×2 px рамки */
  font-size: 14px;
}

.cb-face-page .cb-btn-225 {
  width: 225px;
  height: 45px;
  line-height: 41px;          /* 45 − 2×2 px рамки */
  font-size: 16px;
}

/* ==================================================== СВЕДЕНИЯ НА ОБЛОЖКЕ ==
   Тот же .cb-pinfo, что и в левой колонке: шаблон собирает его ОДИН раз
   ({capture} в user/user_v2.tpl) и печатает либо в .cb-cover-info (кабинет),
   либо в левую колонку (гость). Здесь — только вид «на обложке»: строки белые,
   подписи серые, шаг 30 px (в макете 22 px строка + 8 px разнос). */

.cb-face-page .cb-cover-info .cb-pinfo {
  margin: 0;
}

.cb-face-page .cb-cover-info .cb-pinfo-name {
  display: none;              /* имя на обложке уже нарисовано .cb-cover-name */
}

.cb-face-page .cb-cover-info .cb-pinfo-row {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;         /* 22 + 8 = 30 px шаг строк из макета */
  color: #ffffff;
}

.cb-face-page .cb-cover-info .cb-pinfo-label {
  color: #aaaaaa;             /* цвет подписи из макета: #aaaaaa */
}

.cb-face-page .cb-cover-info .cb-pinfo-strong {
  color: #ffffff;
}

/* ======================================================= СОЦКНОПКИ =======
   Ряд 128×29 внизу колонки сведений: 4 значка 28×28, зазор 5.
   Значки берём наши обычные (.cb-shr-ico из share_v2.css), но в макете это
   круги 28 px — поэтому здесь только размер и форма, ссылки и состав сети
   те же, что везде (lib/sharelib.php). */

.cb-face-page .cb-cover-social {
  position: absolute;
  left: 300px;                /* колонка сведений: в макете 301 */
  bottom: 18px;               /* 364 − (317 + 29) = 18 px от низа */
  z-index: 2;
}

.cb-face-page .cb-cover-social .cb-shr {
  margin: 0;
  gap: 0;
}

.cb-face-page .cb-cover-social .cb-shr-title {
  display: none;              /* на обложке подпись не нужна, как в макете */
}

.cb-face-page .cb-cover-social .cb-shr-list {
  gap: 5px;                   /* шаг 33 = 28 + 5 из макета */
}

.cb-face-page .cb-cover-social .cb-shr-item {
  width: 28px;
  height: 28px;
}

.cb-face-page .cb-cover-social .cb-shr-ico {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(20, 32, 40, .18);
}

/* ================================================== СЕТКА КАРТОЧЕК 163×163 ==
   Числа макета: плитка 163×163, шаг колонок 178 (зазор 15). Замер стенда:
   у нас 163×163 и шаг 176 — в колонку 870 px пятой карточке макетных 873 px
   не хватает, поэтому зазор оставлен 13 px (persons.css). Здесь только
   страховка: карточка не выше плитки + подписи, чтобы шаг строк не «плыл». */

.cb-face-page .cb-cards .cb-card-img {
  height: 163px;
}

/* ============================================== КРОШКИ (высота блока 33) ==
   В макете Bread_crumbs 279×33: текст 20 px Condensed Bold, разделитель «/»
   крупнее (40 px). У нас крошки 20 px и разделитель того же кегля — блок
   выходит 20 px. Доводим до макетной высоты, не меняя кегль текста. */

.cb-face-page .breadcrumbs {
  min-height: 33px;
  line-height: 33px;
  display: flex;
  align-items: center;
}

.cb-face-page .breadcrumbs-divider:after {
  font-size: 28px;            /* с этим кеглем блок выходит ровно 33 px, как в макете */
  line-height: 1;
}

/* Телефон и планшет: макетных 213 px на экране 390 нет — кнопки тянем по
   колонке, иначе появляется горизонтальная прокрутка. Соцкнопки на узком экране
   НЕ позиционируем абсолютно: сведения переносятся на несколько строк, и
   абсолютный ряд наехал бы на последнюю строку (замер 390: сведения до 751,
   ряд стоял на 723). Ставим их отдельной строкой под сведениями. */
@media (max-width: 1240px) {
  .cb-face-page .cb-cover {
    flex-wrap: wrap;
  }

  .cb-face-page .cb-cover-social {
    position: static;
    order: 3;
    flex: 0 0 100%;
    margin-top: 8px;
    padding-left: 12px;
  }
}

@media (max-width: 560px) {
  .cb-face-page .cb-btn-213,
  .cb-face-page .cb-btn-225 {
    width: 100%;
    max-width: 100%;
  }

  .cb-face-page .cb-cover-social {
    padding-left: 10px;
    margin-top: 6px;
  }
}

/* ГОСТЬ-ВОЗВРАТ-1 (29.09.2026). Строка «← Вернуться в режим владельца» внизу
   страницы в режиме «глазами гостя» (разметка — user/user_v2.tpl, условие
   $cb_av_guest: только тому, кто сам включил этот режим). Стиль — спокойный
   служебный, ссылка шаблонным голубым; на телефоне читается так же. */
.cb-guest-back {
	text-align: center;
	padding: 22px 16px 6px;
}
.cb-guest-back a {
	color: #00aeef;
	font-family: 'Proxima Nova Bold';
	font-size: 15px;
	text-decoration: none;
	border-bottom: 1px solid #00aeef;
	padding-bottom: 2px;
}
.cb-guest-back a:hover {
	color: #0079b8;
	border-bottom-color: #0079b8;
}