/*
 * Назначение файла: страница «Реквизиты» (шаблон content/views/rekvizity.php, ТЗ п.2).
 * Подключается самим вью через $doc->head_css — только на этой странице.
 * Значения взяты из боевого монолита: акцент #FF2E47, второй акцент #3696C5,
 * фон секций #f3f9fb, радиусы 10px (кнопки) и 20px (карточка).
 */

.rekvizity {
  padding-bottom: 60px;
}

.rekvizity_card {
  background: #f3f9fb;
  border-radius: 20px;
  padding: 32px;
  margin-top: 24px;
}

.rekvizity_data {
  font-size: 16px;
  line-height: 1.6;
  color: #2C2B40;
}

.rekvizity_data p {
  margin: 0 0 8px;
}

.rekvizity_data p:last-child {
  margin-bottom: 0;
}

.rekvizity_data strong,
.rekvizity_data b {
  font-weight: 700;
}

/* Реквизиты часто вставляют таблицей из документа — приводим её к строкам карточки */
.rekvizity_data table {
  width: 100%;
  border-collapse: collapse;
}

.rekvizity_data table td {
  padding: 6px 16px 6px 0;
  vertical-align: top;
  border: none;
}

.rekvizity_data table td:first-child {
  width: 34%;
  color: rgba(44, 43, 64, .6);
}

.rekvizity_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(44, 43, 64, .1);
}

.rekvizity_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 46px;
  padding: 0 24px;
  border: 1px solid #FF2E47;
  border-radius: 10px;
  background: #FF2E47;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.rekvizity_button:hover {
  background: #e02338;
  border-color: #e02338;
  color: #fff;
}

.rekvizity_button--ghost {
  background: #fff;
  border-color: #dce0e2;
  color: #2C2B40;
}

.rekvizity_button--ghost:hover {
  background: #fff;
  border-color: #FF2E47;
  color: #FF2E47;
}

.rekvizity_button.is-done {
  background: #3BC068;
  border-color: #3BC068;
}

/* Уставные документы. Контент-менеджер просто ставит ссылку на файл —
   вид строки со значком скачивания навешивается по расширению. */
.rekvizity_docs {
  margin-top: 40px;
}

.rekvizity_docs h2,
.rekvizity_docs h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px;
}

.rekvizity_docs a[href$=".pdf"],
.rekvizity_docs a[href$=".doc"],
.rekvizity_docs a[href$=".docx"],
.rekvizity_docs a[href$=".xls"],
.rekvizity_docs a[href$=".xlsx"],
.rekvizity_docs a[href$=".zip"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(44, 43, 64, .1);
  color: #2C2B40;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.rekvizity_docs a[href$=".pdf"]:hover,
.rekvizity_docs a[href$=".doc"]:hover,
.rekvizity_docs a[href$=".docx"]:hover,
.rekvizity_docs a[href$=".xls"]:hover,
.rekvizity_docs a[href$=".xlsx"]:hover,
.rekvizity_docs a[href$=".zip"]:hover {
  color: #FF2E47;
}

.rekvizity_docs a[href$=".pdf"]:after,
.rekvizity_docs a[href$=".doc"]:after,
.rekvizity_docs a[href$=".docx"]:after,
.rekvizity_docs a[href$=".xls"]:after,
.rekvizity_docs a[href$=".xlsx"]:after,
.rekvizity_docs a[href$=".zip"]:after {
  content: '';
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233696C5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0l-4-4m4 4l4-4M5 19h14'/%3E%3C/svg%3E") no-repeat center / 20px 20px;
}

@media (max-width: 767px) {
  .rekvizity_card {
    padding: 20px;
    border-radius: 12px;
  }

  .rekvizity_data {
    font-size: 15px;
  }

  .rekvizity_data table,
  .rekvizity_data table tbody,
  .rekvizity_data table tr,
  .rekvizity_data table td {
    display: block;
    width: 100%;
  }

  .rekvizity_data table td:first-child {
    padding-bottom: 0;
  }

  .rekvizity_actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .rekvizity_button {
    width: 100%;
  }
}