/* Предложка на телефоне. Подключается последним на pages/suggestions.html. */

@media (max-width: 640px) {
  /* Те же три шага уже есть строкой в шапке: «Предложи → рассмотрим → возможно посмотрим». */
  .suggestions-info { display: none; }

  /* Шапка формы: заголовок, лимит и статус лимита друг под другом,
     а не в три узкие колонки, где текст шёл по одной букве. */
  .suggestion-form-heading {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .suggestion-form-heading > *,
  .suggestion-form-heading .suggestions-limit,
  .suggestion-form-heading .suggestion-limit-status {
    width: auto;
    max-width: none;
    min-width: 0;
  }
  .suggestion-limit-status { align-items: center; gap: 8px; }

  /* Карточка: небольшой постер слева, текст и кнопки на всю оставшуюся ширину. */
  .suggestion-card {
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 0;
  }
  .suggestion-card-poster,
  .suggestion-card-poster-empty {
    width: 92px;
    height: auto;
    min-height: 0;
    aspect-ratio: 2 / 3;
    align-self: start;
  }
  .suggestion-card-body { padding: 12px; gap: 6px; }

  .suggestion-card-topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
  }
  .suggestion-card-type,
  .suggestion-card-status {
    font-size: 11px;
    writing-mode: horizontal-tb;
    white-space: nowrap;
  }
  .suggestion-card h3 { font-size: 17px; margin: 2px 0 0; overflow-wrap: anywhere; }

  /* Кнопки модерации — друг под другом на всю ширину текста карточки. */
  .suggestion-moderation-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .suggestion-moderation-button {
    width: 100%;
    padding: 8px 10px;
    white-space: nowrap;
    font-size: 13px;
  }

  .suggestion-card-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .suggestion-card-author { writing-mode: horizontal-tb; min-width: 0; overflow-wrap: anywhere; }
  .suggestion-like { flex-direction: row; gap: 6px; }
}

/* Кнопка «Показать ещё» под списком (js/suggestions.js). */
.suggestions-more {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 14px;
  cursor: pointer;
  font: inherit;
}

/* Дистрибьютор и кинокомпания на карточке предложения */
.suggestion-card-companies{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:baseline;margin:10px 0 4px;font-size:13px;line-height:1.4}
.suggestion-card-companies div{display:contents}
.suggestion-card-companies dt{color:rgba(255,255,255,.4);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.suggestion-card-companies dd{margin:0;color:rgba(255,255,255,.72);overflow-wrap:anywhere}

/* Значок лупы в полях поиска не должен перекрывать текст:
   pages.css задаёт полям padding 15px и перебивает отступ под значок. */
.suggestion-main-search,.suggestion-toolbar-search{position:relative}
.suggestion-main-search > span,.suggestion-toolbar-search > span{pointer-events:none;line-height:1}
.suggestion-main-search input,.suggestion-toolbar-search input{padding-left:44px!important}