/* ============================================================
   LEGACY — шим Bootstrap-классов для контента, перенесённого со
   старого сайта КАК ЕСТЬ (мета _el_raw_html=1: статья «1000 слов»,
   страницы /info/*). Тексты и разметку не переписывали — этот файл
   отображает их разметку на токены дизайн-системы.
   Новый контент верстать НА КОМПОНЕНТАХ ТЕМЫ, не на этих классах.
   ============================================================ */

/* --- Сетка --- */
.el-legacy .container{max-width:1080px;margin:0 auto;padding:0}
.el-legacy .row{display:flex;flex-wrap:wrap;gap:24px 0;margin:0 -12px}
.el-legacy .row>[class*="col-"]{padding:0 12px;width:100%}
@media(min-width:768px){
  .el-legacy .col-md-3{width:25%}.el-legacy .col-md-4{width:33.333%}
  .el-legacy .col-md-6{width:50%}.el-legacy .col-md-8{width:66.666%}
}
.el-legacy .justify-content-center{justify-content:center}
.el-legacy .align-items-center{align-items:center}
.el-legacy .align-items-start{align-items:flex-start}
.el-legacy .d-flex{display:flex}
.el-legacy .h-100{height:100%}
.el-legacy .img-fluid{max-width:100%;height:auto}
.el-legacy .rounded,.el-legacy .rounded-3{border-radius:var(--r-card)}

/* --- Карточки / панели --- */
.el-legacy .card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
.el-legacy .card-body{padding:24px}
.el-legacy .bg-light{background:var(--band);border-radius:var(--r-card)}
.el-legacy .border-bottom{border-bottom:1px solid var(--hairline)}
.el-legacy .p-4{padding:20px}.el-legacy .p-md-3{padding:18px}

/* --- Алерты → мягкие панели на пастелях --- */
.el-legacy .alert{border-radius:16px;padding:18px 20px;margin-bottom:18px;border:0}
.el-legacy .alert-info{background:var(--p-mint);color:var(--d-mint)}
.el-legacy .alert-info *{color:var(--d-mint)}
.el-legacy .alert-success{background:var(--p-sage);color:var(--d-sage)}
.el-legacy .alert-success *{color:var(--d-sage)}
.el-legacy .alert-warning{background:var(--p-yellow);color:var(--d-yellow)}
.el-legacy .alert-warning *{color:var(--d-yellow)}
.el-legacy .alert-primary{background:var(--p-lilac);color:var(--d-lilac)}
.el-legacy .alert-primary *{color:var(--d-lilac)}

/* --- Таблицы слов --- */
.el-legacy .table-responsive{overflow-x:auto;border-radius:16px;border:1px solid var(--hairline)}
.el-legacy table.table{width:100%;border-collapse:collapse;font-size:1.0625rem;margin:0}
.el-legacy .table th,.el-legacy .table td{padding:11px 14px;border:1px solid var(--hairline);color:var(--ink);text-align:left}
.el-legacy .table thead th,.el-legacy .table-light th{background:var(--band);font-weight:700}
.el-legacy .table-hover tbody tr:hover{background:var(--band)}
.el-legacy .table tbody tr:nth-child(even){background:color-mix(in srgb,var(--band) 55%,transparent)}
.el-legacy .table-primary,.el-legacy tr.table-primary>td{background:var(--p-lilac)}
.el-legacy .table-success,.el-legacy tr.table-success>td{background:var(--p-sage)}
.el-legacy .table-info,.el-legacy tr.table-info>td{background:var(--p-mint)}
.el-legacy .table-warning,.el-legacy tr.table-warning>td{background:var(--p-yellow)}
.el-legacy .word{font-weight:700;color:var(--orange-deep)}

/* --- Типографика / утилиты --- */
.el-legacy .lead{font-size:1.1875rem;color:var(--body)}
.el-legacy .display-4,.el-legacy .display-5{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.el-legacy .fw-bold{font-weight:700}
.el-legacy .text-muted{color:var(--muted)}
.el-legacy .text-dark{color:var(--ink)}
.el-legacy .text-primary{color:var(--orange-deep)}
.el-legacy .small,.el-legacy small{font-size:.875rem}
.el-legacy .mb-0{margin-bottom:0}.el-legacy .mb-1{margin-bottom:4px}.el-legacy .mb-2{margin-bottom:8px}
.el-legacy .mb-3{margin-bottom:14px}.el-legacy .mb-4{margin-bottom:22px}.el-legacy .mb-5{margin-bottom:38px}
.el-legacy .mt-4{margin-top:22px}.el-legacy .mt-5{margin-top:38px}
.el-legacy .py-1{padding-top:4px;padding-bottom:4px}.el-legacy .pb-2{padding-bottom:8px}.el-legacy .pb-3{padding-bottom:14px}
.el-legacy .me-3{margin-right:14px}.el-legacy .my-5{margin-top:38px;margin-bottom:38px}
.el-legacy .d-block{display:block}
.el-legacy .g-4{gap:22px 0}

/* --- Кнопки --- */
.el-legacy .btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);border:1.5px solid transparent;
  font-weight:700;font-size:.9375rem;padding:10px 20px;cursor:pointer;background:var(--orange);color:#fff;text-decoration:none}
.el-legacy .btn:hover{background:var(--orange-deep)}
.el-legacy .btn-lg{padding:14px 28px;font-size:1.0625rem}
.el-legacy .btn-sm{padding:7px 14px;font-size:.875rem}
.el-legacy [class*="btn-outline-"]{background:var(--surface);color:var(--ink);border-color:var(--hairline)}
.el-legacy [class*="btn-outline-"]:hover{border-color:var(--orange);color:var(--orange-deep);background:var(--surface)}
.el-legacy .btn-success{background:var(--d-sage)}.el-legacy .btn-info{background:var(--d-mint)}
.el-legacy .btn-danger{background:var(--state-no-fg)}.el-legacy .text-white{color:#fff}

/* --- Формы (страница /info/kontakty, шорткод [el_contact_form]) ---
   Шима Bootstrap-форм здесь не было вовсе: поля рисовались браузерными
   дефолтами, а honeypot-поле было ВИДНО пользователю. Размеры полей — 1rem
   (16px): меньше нельзя, иначе iOS зумит страницу при фокусе (CLAUDE.md §5). */
.el-legacy .honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.el-legacy .g-3{gap:16px 0}
.el-legacy .form-label{display:block;margin-bottom:6px;color:var(--ink);font-size:.9375rem}
.el-legacy .form-control,.el-legacy .form-select{width:100%;background:var(--field-bg);
  border:1.5px solid var(--field-border);border-radius:14px;padding:13px 16px;
  font-family:var(--sans);font-size:1rem;color:var(--ink);outline:none;transition:border-color .15s}
.el-legacy .form-control-lg,.el-legacy .form-select-lg{padding:14px 18px}
.el-legacy .form-control::placeholder{color:var(--muted)}
.el-legacy .form-control:focus,.el-legacy .form-select:focus{border-color:var(--orange)}
.el-legacy textarea.form-control{min-height:150px;resize:vertical}
.el-legacy .form-text{margin-top:6px;color:var(--muted);font-size:.875rem}
.el-legacy .text-danger{color:var(--state-no-fg)}
.el-legacy .alert-danger{background:var(--state-no-bg);color:var(--state-no-fg)}
.el-legacy .alert-danger *{color:var(--state-no-fg)}
/* Сообщение об ошибке поля показываем только после попытки отправки (Bootstrap-логика). */
.el-legacy .invalid-feedback{display:none;margin-top:6px;color:var(--state-no-fg);font-size:.875rem}
.el-legacy .was-validated :invalid~.invalid-feedback{display:block}
.el-legacy .was-validated .form-control:invalid,.el-legacy .was-validated .form-select:invalid{border-color:var(--state-no-fg)}

/* --- Оглавление статьи (nav-link) --- */
.el-legacy .nav-link{display:block;padding:6px 0;color:var(--ink);text-decoration:none;font-weight:500}
.el-legacy .nav-link:hover{color:var(--orange-deep)}
.el-legacy ul,.el-legacy ol{color:var(--body)}