/* ==========================================================================
   Престиж Агро — compat.css
   Слой совместимости для системных компонентов Битрикса (вход, ЛК, профиль,
   заказы) после перехода с eshop(Bootstrap) на шаблон prestige.
   Перекрашивает их под палитру нового дизайна и восстанавливает сетку.

   Авторство: каркас Bootstrap-сетки (секция 1) — черновик DeepSeek (deepseek-v4-pro),
   компактизация + секции 2-6 (карточки ЛК, форма входа, scoped-стили) — Claude.

   ВАЖНО: голые селекторы (input, table, button, a) НЕ стилизуются глобально —
   только внутри контейнеров системных компонентов, иначе протекут на главную.
   ========================================================================== */

/* --- 1. Мини-сетка Bootstrap (классы .row/.col-* есть только на сис-страницах) --- */
.row{display:flex;flex-wrap:wrap;margin:0 -10px}
.row>[class*="col-"]{padding:0 10px;margin-bottom:20px}
[class*="col-"]{width:100%}
.col-1{width:8.3333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}
.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}
.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}
@media(min-width:576px){
  .col-sm-2{width:16.6667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333%}
  .col-sm-6{width:50%}.col-sm-12{width:100%}
}
@media(min-width:768px){
  .col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}
  .col-md-6{width:50%}.col-md-8{width:66.6667%}.col-md-9{width:75%}.col-md-12{width:100%}
}
@media(min-width:992px){
  .col-lg-2{width:16.6667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333%}
  .col-lg-6{width:50%}.col-lg-8{width:66.6667%}.col-lg-9{width:75%}.col-lg-12{width:100%}
}
@media(min-width:1200px){
  .col-xl-3{width:25%}.col-xl-4{width:33.3333%}.col-xl-6{width:50%}.col-xl-12{width:100%}
}

/* Системные страницы тоже центрируем по контейнеру сайта, добавим воздух */
.sale-personal-section-index,
[class^="sale-personal-"]{max-width:var(--maxw);margin-left:auto;margin-right:auto;padding:8px 0 36px}

/* --- 2. Карточки личного кабинета (sale.personal.section index) --- */
.sale-personal-section-index-block{
  --theme-color-primary:transparent;
  background:#fff !important;background-image:none !important;
  border:1px solid var(--line);border-radius:10px;
  min-height:158px;padding:26px 20px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  text-align:center;color:var(--green);opacity:1;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sale-personal-section-index-block:hover{
  transform:translateY(-3px);border-color:var(--gold);
  box-shadow:0 10px 26px rgba(14,58,28,.12);opacity:1;
}
.sale-personal-section-index-block-ico,
.sale-personal-section-index-block-ico .fa{
  font-size:42px;line-height:1;color:var(--green-d);
}
.sale-personal-section-index-block:hover .sale-personal-section-index-block-ico,
.sale-personal-section-index-block:hover .sale-personal-section-index-block-ico .fa{color:var(--gold)}
.sale-personal-section-index-block-name{
  font-family:var(--font-head);font-weight:600;font-size:15px;
  color:var(--green);text-transform:uppercase;letter-spacing:.04em;
}
.sale-personal-section-index-block-link,
.sale-personal-section-index-block-link:hover,
.sale-personal-section-index-block-link:active,
.sale-personal-section-index-block-link:focus,
.sale-personal-section-index-block-link:visited{color:inherit;text-decoration:none}

/* --- 3. Форма входа (bitrix:system.auth.form — контейнер .bx-authform) --- */
.bx-authform,.bx-system-auth-form{
  max-width:460px;margin:30px auto;background:#fff;
  border:1px solid var(--line);border-radius:12px;padding:30px;
  box-shadow:0 8px 30px rgba(14,58,28,.08);
}
.bx-authform table,.bx-system-auth-form table{width:100%;border:0;border-collapse:collapse}
.bx-authform td,.bx-system-auth-form td{padding:6px 0;border:0}
.bx-authform-label-container,.bx-auth-lbl{
  display:inline-block;font-family:var(--font-head);font-weight:600;
  font-size:13px;color:var(--green);margin-bottom:5px;
}
.bx-authform input[type="text"],
.bx-authform input[type="password"],
.bx-authform input[type="email"],
.bx-system-auth-form input[type="text"],
.bx-system-auth-form input[type="password"],
.bx-system-auth-form input[type="email"]{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;
  font-family:var(--font-body);font-size:15px;color:var(--ink);background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.bx-authform input[type="text"]:focus,
.bx-authform input[type="password"]:focus,
.bx-authform input[type="email"]:focus,
.bx-system-auth-form input[type="text"]:focus,
.bx-system-auth-form input[type="password"]:focus,
.bx-system-auth-form input[type="email"]:focus{
  outline:0;border-color:var(--green-m);box-shadow:0 0 0 3px rgba(31,125,54,.14);
}
.bx-authform input[type="checkbox"],
.bx-system-auth-form input[type="checkbox"]{width:auto;margin-right:6px;vertical-align:middle}
.bx-authform input[type="submit"],
.bx-authform button[type="submit"],
.bx-authform .btn,
.bx-system-auth-form input[type="submit"],
.bx-system-auth-form button[type="submit"]{
  display:inline-block;background:var(--gold);color:var(--green2) !important;border:0;
  padding:12px 24px;border-radius:8px;font-family:var(--font-head);font-weight:700;
  font-size:15px;cursor:pointer;transition:filter .15s ease;width:auto;margin-top:4px;
}
.bx-authform input[type="submit"]:hover,
.bx-authform button[type="submit"]:hover,
.bx-authform .btn:hover,
.bx-system-auth-form input[type="submit"]:hover,
.bx-system-auth-form button[type="submit"]:hover{filter:brightness(.95)}
.bx-authform a,.bx-system-auth-form a{color:var(--green-d)}
.bx-authform a:hover,.bx-system-auth-form a:hover{color:var(--gold)}
.bx-authform-link-container,.bx-authform-formgroup-container{margin:10px 0}
.bx-auth-secure{margin-top:14px;font-size:12px;color:var(--muted)}
.bx-auth-secure a{color:var(--green-d)}
/* Соц-авторизация скрыта (по требованию «пока убрать все соц-кнопки»).
   Вернуть — удалить это правило. */
.bx-authform-social,.bx-auth-services,.bx-authform-social-popup{display:none !important}

/* --- 4. Общая стилизация системных компонентов (СТРОГО внутри контейнеров) --- */
.bx-system-auth-form table,
.sale-personal-section-index table,
[class^="sale-personal-"] table,
[class^="bx-sale-"] table{
  width:100%;border-collapse:collapse;margin:14px 0;background:#fff;
}
[class^="sale-personal-"] th,[class^="bx-sale-"] th{
  background:var(--bglight);font-family:var(--font-head);font-weight:600;
  color:var(--green);text-align:left;padding:11px 12px;border:1px solid var(--line);
}
[class^="sale-personal-"] td,[class^="bx-sale-"] td{
  padding:10px 12px;border:1px solid var(--line);
}
[class^="sale-personal-"] tbody tr:nth-child(even) td,
[class^="bx-sale-"] tbody tr:nth-child(even) td{background:var(--tint2)}

[class^="sale-personal-"] .btn,[class^="bx-sale-"] .btn,
[class^="sale-personal-"] .btn-default,[class^="sale-personal-"] .btn-primary,
[class^="bx-sale-"] .btn-default,[class^="bx-sale-"] .btn-primary,
[class^="sale-personal-"] input[type="submit"],
[class^="bx-sale-"] input[type="submit"]{
  display:inline-block;background:var(--gold);color:var(--green2) !important;border:0;
  padding:10px 18px;border-radius:8px;font-family:var(--font-head);font-weight:600;
  font-size:14px;cursor:pointer;text-decoration:none;transition:filter .15s ease;
}
[class^="sale-personal-"] .btn:hover,[class^="bx-sale-"] .btn:hover,
[class^="sale-personal-"] input[type="submit"]:hover,
[class^="bx-sale-"] input[type="submit"]:hover{filter:brightness(.95)}

[class^="sale-personal-"] input[type="text"],
[class^="sale-personal-"] input[type="password"],
[class^="sale-personal-"] input[type="email"],
[class^="sale-personal-"] select,
[class^="sale-personal-"] textarea,
[class^="bx-sale-"] input[type="text"],
[class^="bx-sale-"] select,[class^="bx-sale-"] textarea{
  padding:10px 12px;border:1px solid var(--line);border-radius:8px;
  font-family:var(--font-body);font-size:14px;color:var(--ink);background:#fff;max-width:100%;
}
[class^="sale-personal-"] a,[class^="bx-sale-"] a{color:var(--green-d)}
[class^="sale-personal-"] a:hover,[class^="bx-sale-"] a:hover{color:var(--gold)}

/* --- 5. Боковое меню ЛК (.bx-sidebar-block) --- */
.bx-sidebar-block{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:14px;margin-bottom:18px;
}
.bx-sidebar-block ul{list-style:none;margin:0;padding:0}
.bx-sidebar-block li{margin:0}
.bx-sidebar-block li a{
  display:block;padding:8px 10px;border-radius:6px;color:var(--ink);
  font-size:14px;transition:background .15s ease,color .15s ease;
}
.bx-sidebar-block li a:hover{background:var(--tint2);color:var(--green-d)}
.bx-sidebar-block li.selected a,.bx-sidebar-block li .selected{
  background:var(--tint);color:var(--green);font-family:var(--font-head);font-weight:600;
}

/* --- 6. Системные сообщения / заголовки страниц --- */
.bx-system-auth-form+br,.sale-personal-section-index+br{display:none}

/* --- 7. Страница поиска (bitrix:search.page) --- */
.search-page{max-width:var(--maxw);margin:0 auto;padding:8px 0 36px}
.search-page form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.search-page input[type="text"],.search-page input:not([type]){
  flex:1;min-width:240px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;
  font-family:var(--font-body);font-size:15px;color:var(--ink);background:#fff;
}
.search-page input[type="text"]:focus{
  outline:0;border-color:var(--green-m);box-shadow:0 0 0 3px rgba(31,125,54,.14);
}
.search-page input[type="submit"]{
  background:var(--gold);color:var(--green2);border:0;padding:12px 24px;border-radius:8px;
  font-family:var(--font-head);font-weight:700;font-size:15px;cursor:pointer;transition:filter .15s ease;
}
.search-page input[type="submit"]:hover{filter:brightness(.95)}
.search-page a{color:var(--green-d)}
.search-page a:hover{color:var(--gold)}

/* --- 8. Страница 404 --- */
.pa-404{max-width:680px;margin:10px auto;text-align:center;padding:30px 0 10px}
.pa-404-code{
  font-family:var(--font-head);font-weight:800;font-size:clamp(86px,16vw,150px);
  line-height:1;color:var(--green);letter-spacing:-.03em;
}
.pa-404-code::after{content:"";display:block;width:60px;height:4px;border-radius:3px;
  background:var(--gold);margin:14px auto 0}
.pa-404-title{font-size:26px;margin:18px 0 8px}
.pa-404-text{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:24px}
.pa-404-acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
/* .btn-outline рассчитан на тёмный hero; на светлой 404 даём зелёную обводку */
.pa-404-acts .btn-outline{
  background:#fff;color:var(--green);border:1.5px solid var(--line);
}
.pa-404-acts .btn-outline:hover{background:var(--tint2);border-color:var(--green-m);color:var(--green)}