/* ------------------------------------------------------------------ */
/* priority.css — страница «Мои приоритеты» (user/priority.php, PRIO-1) */
/*                                                                     */
/* Своя лента-фильтр (.cb-prior-ribbon) и «усиление» любимых: записи,   */
/* добавленные в любимые (сердечко), идут первыми, получают розовую     */
/* полосу слева, бейдж и залитое сердечко. Карточки — те же классы      */
/* .table-places-item, что в «Поклонниках» и «Местах» (persons.css).    */
/* ------------------------------------------------------------------ */

.cb-prior-total {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 9px 3px;
  border-radius: 11px;
  background-color: #eaf8fd;
  color: #6c8b9c;
  font-family: 'Proxima Nova Regular';
  font-size: 14px;
  vertical-align: 2px;
}

.cb-prior-lead {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.45;
}

.cb-prior-city {
  margin: 0 0 20px;
  font-size: 14px;
}

/* ------------------------------ лента-фильтр ------------------------------ */

.cb-prior-ribbon {
  margin: 0 0 22px;
  padding-bottom: 4px;
  font-size: 0;                 /* убираем пробелы между inline-block */
}

.cb-prior-ribbon-item {
  display: inline-block;
  margin: 0 8px 10px 0;
  padding: 8px 15px 9px;
  border: 1px solid #d9e7ef;
  border-radius: 18px;
  background-color: #fff;
  color: #22333d;
  font-family: 'Proxima Nova';
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: background-color .15s ease, border-color .15s ease,
                      color .15s ease, box-shadow .15s ease;
  -moz-transition: background-color .15s ease, border-color .15s ease,
                   color .15s ease, box-shadow .15s ease;
  transition: background-color .15s ease, border-color .15s ease,
              color .15s ease, box-shadow .15s ease;
}

.cb-prior-ribbon-item:hover {
  border-color: #00aeef;
  color: #0099d2;
  background-color: #f4fbff;
  box-shadow: 0 2px 6px rgba(0,174,239, .18);
}

/* «Любимые» — единственная кнопка ленты с сердечком и розовым акцентом */
.cb-prior-ribbon-item-heart {
  color: #c2426a;
  border-color: #f2cfda;
  background-color: #fff8fa;
}

.cb-prior-ribbon-item-heart:hover {
  border-color: #ef6f8f;
  color: #b02f59;
  background-color: #fff1f5;
  box-shadow: 0 2px 6px rgba(239, 111, 143, .2);
}

.cb-prior-ribbon-item-active,
.cb-prior-ribbon-item-active:hover {
  border-color: #00aeef;
  background-color: #00aeef;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,174,239, .35);
}

.cb-prior-ribbon-item-heart.cb-prior-ribbon-item-active,
.cb-prior-ribbon-item-heart.cb-prior-ribbon-item-active:hover {
  border-color: #ef6f8f;
  background-color: #ef6f8f;
  color: #fff;
  box-shadow: 0 2px 8px rgba(239, 111, 143, .35);
}

.cb-prior-ribbon-heart {
  display: inline-block;
  margin-right: 6px;
  font-size: 13px;
  vertical-align: 1px;
}

.cb-prior-ribbon-count {
  display: inline-block;
  min-width: 20px;
  margin-left: 8px;
  padding: 2px 6px 3px;
  border-radius: 10px;
  background-color: #eaf8fd;
  color: #6c8b9c;
  font-family: 'Proxima Nova Regular';
  font-size: 12px;
  text-align: center;
  vertical-align: 1px;
}

.cb-prior-ribbon-item:hover .cb-prior-ribbon-count {
  background-color: #dceffb;
  color: #0099d2;
}

.cb-prior-ribbon-item-heart .cb-prior-ribbon-count {
  background-color: #fbe3ea;
  color: #b8567a;
}

.cb-prior-ribbon-item-heart:hover .cb-prior-ribbon-count {
  background-color: #f8d4de;
  color: #a93a63;
}

.cb-prior-ribbon-item-active .cb-prior-ribbon-count,
.cb-prior-ribbon-item-heart.cb-prior-ribbon-item-active .cb-prior-ribbon-count {
  background-color: rgba(255, 255, 255, .28);
  color: #fff;
}

/* ------------------------------ блоки ------------------------------ */

.cb-prior-block {
  margin-bottom: 34px;
}

.cb-prior-block-title {
  margin: 0 0 14px;
  font-family: 'Proxima Nova';
  font-size: 21px;
  color: #22333d;
}

.cb-prior-block-title .cb-prior-block-count {
  margin-left: 10px;
  color: #8a949c;
  font-family: 'Proxima Nova Regular';
  font-size: 15px;
}

.cb-prior-block-hint {
  margin: -6px 0 14px;
  color: #7d8f9a;
  font-size: 14px;
}

/* ------------------------------ карточки ------------------------------ */

/* «любимое»: розовая полоса слева + лёгкая подложка — видно с первого взгляда */
.cb-prior-item-fav {
  border-left: 3px solid #ef6f8f;
  background-color: #fffafc;
}

.cb-prior-badge {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 7px 2px;
  border-radius: 9px;
  background-color: #ef6f8f;
  color: #fff;
  font-family: 'Proxima Nova Regular';
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .3px;
  vertical-align: 1px;
}

.cb-prior-actions {
  padding-top: 4px;
}

.cb-prior-heart,
.cb-prior-remove,
.cb-fav-heart-row {
  display: block;
  margin-bottom: 10px;
  padding: 6px 12px 7px;
  border: 1px solid #e2ecf2;
  border-radius: 16px;
  background-color: #fff;
  color: #4d6472;
  font-family: 'Proxima Nova Regular';
  font-size: 13px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  -moz-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.cb-prior-heart:hover,
.cb-fav-heart-row:hover {
  border-color: #ef6f8f;
  background-color: #fff1f5;
  color: #b02f59;
}

.cb-prior-heart-on,
.cb-prior-heart-on:hover,
.cb-fav-heart-row.cb-fav-heart-on,
.cb-fav-heart-row.cb-fav-heart-on:hover {
  border-color: #ef6f8f;
  background-color: #ef6f8f;
  color: #fff;
}

/* ------------------------------ FAV-1: сердечко «в любимые» ------------------------------
   Один элемент на карточке заведения, странице заведения, странице персоны и в
   «Моих приоритетах». Виды задаёт cb_h_style в user/priority/heart_v2.tpl:
   card — значок в карточке, link — подпись в правой колонке карточки,
   button — кнопка рядом с кнопками страницы, row — строка «Моих приоритетов». */

.cb-fav-heart {
  display: inline-block;
  color: #4d6472;
  font-family: 'Proxima Nova Regular';
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  -moz-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.cb-fav-heart-ico {
  display: inline-block;
  margin-right: 6px;
  font-size: 15px;
  vertical-align: -1px;
}

.cb-fav-heart-on {
  color: #ef6f8f;
}

.cb-fav-heart-on .cb-fav-heart-ico {
  color: #ef6f8f;
}

/* подпись в правой колонке карточки — как «Афиша заведения» */
.cb-fav-heart-link:hover {
  color: #b02f59;
}

.cb-fav-heart-link .cb-fav-heart-ico {
  margin-right: 5px;
}

/* кнопка страницы: размеры и вид как у ro-button нового дизайна.
   ДИЗАЙН-ЭТАЛОН-1 (п.2): сердечко остаётся своим (розовое), но приведено к общему
   стилю кнопок эталона — рамка 2 px, радиус 4 px, высота 35 px, кегль 16,
   отступы 20 px по горизонтали (было: рамка 1 px, радиус 3, высота 38, кегль 13,
   капс). Розовый цвет включённого состояния (#ef6f8f) сохранён. */
.cb-fav-heart-button {
  margin-right: 15px;
  padding: 0 20px;
  box-sizing: border-box;
  height: 35px;
  line-height: 31px;
  border: 2px solid #00aeef;
  border-radius: 4px;
  background-color: #fff;
  color: #00aeef;
  font-size: 16px;
  text-transform: none;
  vertical-align: middle;
}

.cb-fav-heart-button:hover {
  background-color: #00aeef;
  border-color: #00aeef;
  color: #fff;
}

.cb-fav-heart-button.cb-fav-heart-on,
.cb-fav-heart-button.cb-fav-heart-on:hover {
  border-color: #ef6f8f;
  background-color: #ef6f8f;
  color: #fff;
}

/* значок в карточке списка */
.cb-fav-heart-card {
  width: 30px;
  height: 30px;
  border: 1px solid #e2ecf2;
  border-radius: 15px;
  background-color: #fff;
  text-align: center;
}

.cb-fav-heart-card .cb-fav-heart-ico {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
}

.cb-fav-heart-card:hover {
  border-color: #ef6f8f;
  background-color: #fff1f5;
}

.cb-fav-heart-card.cb-fav-heart-on,
.cb-fav-heart-card.cb-fav-heart-on:hover {
  border-color: #ef6f8f;
  background-color: #ef6f8f;
}

.cb-fav-heart-card.cb-fav-heart-on .cb-fav-heart-ico {
  color: #fff;
}

/* На странице заведения ссылки панели белые (.info-cnt-social a) — кнопке
   сердечка возвращаем её цвет: селектор специфичнее, порядок файлов не важен. */
.info-cnt-social .cb-fav-heart-button {
  color: #00aeef;
}

.info-cnt-social .cb-fav-heart-button.cb-fav-heart-on,
.info-cnt-social .cb-fav-heart-button.cb-fav-heart-on:hover {
  color: #fff;
}

.cb-prior-remove:hover {
  border-color: #d8c2c9;
  background-color: #fdf5f7;
  color: #a2566d;
}

/* ------------------------------ пустые состояния ------------------------------ */

.cb-prior-empty {
  margin-bottom: 22px;
  padding: 22px 24px;
  border: 1px dashed #cfdfe8;
  border-radius: 5px;
  background-color: #f8fbfd;
  color: #5b7280;
  font-size: 15px;
  line-height: 1.5;
}

.cb-prior-empty b {
  color: #22333d;
}

.cb-prior-empty ul {
  margin: 10px 0 0 18px;
  list-style: disc;
}

.cb-prior-empty li {
  margin-bottom: 6px;
}

.cb-prior-empty a {
  color: #0099d2;
}

.cb-prior-notice {
  margin: 26px 0 0;
  padding: 14px 18px;
  border-left: 3px solid #f0c36d;
  background-color: #fdf8ec;
  color: #7a6535;
  font-size: 14px;
  line-height: 1.45;
}

.cb-prior-guest {
  padding: 30px 0 10px;
  text-align: center;
}

.cb-prior-guest p {
  margin-bottom: 18px;
  color: #5b7280;
  font-size: 16px;
}

/* ============================================================================
   FAV-PAGE: «Моё избранное» (user/favorites.php)
   ----------------------------------------------------------------------------
   Карточки — те же .table-places-item, что в «Моих приоритетах» и списках
   (persons.css), поэтому здесь только то, чего там нет: метка вида контента,
   заглушка-буква вместо фото, отказ гостю/чужому адресу и пустое состояние.
   Классы с префиксом .cb-fav-* нигде больше не используются, так что на чужие
   страницы (они тоже подключают priority.css) этот блок не влияет.
   ============================================================================ */

/* метка вида контента на карточке: «Место», «Персона», «Коллектив», «Участник» */
.cb-fav-kind {
  display: inline-block;
  margin-right: 7px;
  padding: 1px 8px 2px;
  border-radius: 9px;
  background-color: #eaf8fd;
  color: #4d8399;
  font-family: 'Proxima Nova Regular';
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .3px;
  vertical-align: 1px;
}

.cb-fav-kind-collective {
  background-color: #f2eefc;
  color: #6b5aa8;
}

.cb-fav-kind-person {
  background-color: #eefaf3;
  color: #3f8a63;
}

.cb-fav-kind-page {
  background-color: #fdf6e8;
  color: #9a7a2e;
}

.cb-fav-kind-photo,
.cb-fav-kind-poster,
.cb-fav-kind-article,
.cb-fav-kind-news {
  background-color: #f2f5f7;
  color: #6c7a84;
}

/* заглушка вместо картинки: первая буква названия (как в списке коллективов) */
.cb-fav-stub {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #eaf8fd;
  color: #7ba7bd;
  font-family: 'Proxima Nova';
  font-size: 34px;
  line-height: 100px;
  text-align: center;
}

/* карточка избранного: заголовок группы и карточка не должны «слипаться» */
.cb-fav-group .table-places-item {
  margin-bottom: 10px;
}

.cb-fav-item .table-places-item-right-cell.cb-prior-actions {
  width: 190px;
}

.cb-fav-remove-wrap {
  display: block;
}

/* отказ: гость и чужой адрес */
.cb-fav-denied {
  margin-bottom: 22px;
  font-size: 15px;
  line-height: 1.55;
}

.cb-fav-denied-actions {
  margin-top: 18px;
}

/* пустое состояние и примечание внизу страницы */
.cb-fav-empty ul {
  margin-bottom: 4px;
}

.cb-fav-empty-note {
  margin: 12px 0 0;
}

.cb-fav-notice a,
.cb-fav-empty a {
  color: #0099d2;
}

/* кнопка группы «Коллективы» в ленте — свой оттенок, как у метки */
.cb-fav-ribbon-collective {
  border-color: #ded6f5;
}

.cb-fav-ribbon-collective .cb-prior-ribbon-count {
  background-color: #f2eefc;
  color: #6b5aa8;
}