/* ============================================================
   pages/chat-ai — AI Search (/ai-search/, /en/ai-search/, page-chat-ai.php).
   Каркас .cr-tool* — pages/tools.css. Сам виджет поиска приходит из post_content вместе
   со своим CSS (themes/cparip/css/search/style.css, всё под селектором #doc-search) —
   тема его не перекрашивает, только даёт отбивки и убирает следы wpautop.
   Ниже — блок «Партнёрские программы» (.cr-aip*), паритет с таблицей прода.
   ============================================================ */

/* --- Обёртка виджета --- */
.cr-ai__widget{ margin:0 0 34px; }
/* wpautop оборачивает инлайн-конфиг в <p> с <br> — пустой абзац не должен давать отступ */
.cr-ai__widget > p:empty{ display:none; }
.cr-ai__widget p{ margin:0; }
.cr-ai__widget #doc-search{ max-width:100%; }

/* --- «Партнёрские программы» под виджетом --- */
.cr-aip{ margin:0 0 8px; }
.cr-aip__list{
  display:flex;
  flex-direction:column;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  background:var(--surface-base);
  overflow:hidden;
}
.cr-aip__row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-top:1px solid var(--hairline);
}
.cr-aip__row:first-child{ border-top:0; }
.cr-aip__row:hover{ background:var(--surface-panel); }
.cr-aip__logo{ --plate-w:64px; --plate-h:40px; }
.cr-aip__main{ flex:1; min-width:0; }
.cr-aip__name{
  display:block;
  font-size:var(--fs-body-sm);        /* 14.5 */
  font-weight:var(--fw-semibold);
  color:var(--text-heading);
  transition:color var(--transition);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cr-aip__name:hover{ color:var(--accent); }
.cr-aip__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 12px;
  margin-top:2px;
  font-size:var(--fs-caption);        /* 12.5 */
  color:var(--text-muted-2);
}
.cr-aip__direct{ display:inline-flex; align-items:center; gap:4px; color:var(--success); }
.cr-aip__brands{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Описание строки — фолбэк прода при пустых direct/brands (печатается min_content,
   cparip/inc/cparip-partner-card.php:32-38). Текст длинный (до 62 слов), поэтому свой ярус
   с переносами, а не однострочное многоточие, как у брендов. */
.cr-aip__desc{
  display:block;
  margin-top:3px;
  font-size:var(--fs-caption);        /* 12.5 */
  line-height:1.45;
  color:var(--text-muted-2);
}
/* Вертикали (ссылки на хабы) и минималка — второй ярус меты, как колонки таблицы прода */
.cr-aip__facts{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  margin-top:5px;
}
.cr-aip__vert{
  display:inline-flex;
  align-items:center;
  height:21px;
  padding:0 8px;
  border-radius:var(--radius-pill);
  background:var(--surface-panel);
  font-size:var(--fs-caption-sm);     /* 11.5 */
  font-weight:var(--fw-medium);
  color:var(--text-nav);
  transition:background var(--transition), color var(--transition);
}
a.cr-aip__vert:hover{ background:var(--accent-tint); color:var(--accent); }
.cr-aip__vert--plain{ color:var(--text-muted-2); }
.cr-aip__min{
  font-size:var(--fs-caption-sm);     /* 11.5 */
  color:var(--text-muted-2);
}
.cr-aip__rating{ flex:none; }
.cr-aip__review,
.cr-aip__site{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:32px;
  padding:0 12px;
  border-radius:var(--radius-9);
  font-size:var(--fs-caption);        /* 12.5 */
  font-weight:var(--fw-semibold);
  transition:background var(--transition), color var(--transition), border-color var(--transition);
}
.cr-aip__review{ color:var(--accent); background:var(--accent-tint); }
.cr-aip__review:hover{ background:var(--accent-tint-hover); }
.cr-aip__site{ color:var(--text-muted); border:1px solid var(--border); }
.cr-aip__site:hover{ border-color:var(--border-hover); color:var(--text-primary); }

/* ============================================================
   Мобайл ≤767: строка партнёрки в две «этажа», кнопки — рядом под названием
   ============================================================ */
@media (max-width:767px){
  .cr-ai__widget{ margin:0 0 26px; }
  .cr-aip__list{ border-radius:var(--radius-lg); }
  .cr-aip__row{
    flex-wrap:wrap;
    gap:10px 12px;
    padding:14px;
  }
  .cr-aip__main{ flex:1 1 55%; }
  .cr-aip__name{ font-size:15px; }   /* нет токена: моб. строка списка (15) */
  .cr-aip__review,
  .cr-aip__site{ height:36px; }      /* тач-зона строки списка */
}