/* ===================== MODAL — стиль Pavel-Avto ===================== */

/* Общая карточка модалки */
.modal-content{
  background: var(--paper-100);
  border: 2px solid var(--paper-300);
  border-radius: var(--radius);
  box-shadow: 0 24px 48px rgba(31,30,22,.28);
  color: var(--ink);
}

/* Шапка */
.modal-header{
  background: var(--paper-200);
  border-bottom: 2px solid var(--paper-300);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding: 1rem 1.25rem;
}
.modal-title{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--ink);
}

/* Кнопка закрытия — ненавязчивая */
.btn-close{
  filter: invert(12%) sepia(6%) saturate(336%) hue-rotate(16deg) brightness(95%) contrast(92%);
  opacity: .8;
}
.btn-close:hover{ opacity: 1; }

/* Тело и футер */
.modal-body{ padding: 1.25rem; }
.modal-footer{
  border-top: 2px solid var(--paper-300);
  background: var(--paper-200);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  padding: .9rem 1.25rem;
}

/* Поля формы в бумажном стиле */
.modal-content .form-label{
  font-weight: 600;
  color: var(--ink);
}
.modal-content .form-control{
  background: var(--paper-100);
  border: 1.5px solid var(--paper-300);
  color: var(--ink);
  border-radius: .6rem;
  box-shadow: none;
}
.modal-content .form-control::placeholder{ color: var(--ink-60); }
.modal-content .form-control:focus{
  border-color: var(--terracotta);
  box-shadow: 0 0 0 .2rem rgba(198,90,46,.15); /* мягкий терракотовый подсвет */
}

/* Главная кнопка */
.modal-content .btn-primary{
  background: var(--terracotta);
  border-color: var(--terracotta);
  color: #fff;
  font-weight: 700;
  border-radius: .6rem;
  padding: .55rem 1.15rem;
  box-shadow: var(--btnshadow);
}
.modal-content .btn-primary:hover{
  background: var(--terracotta-hover);
  border-color: var(--terracotta-hover);
}

/* Адаптив: чуть плотнее на узких экранах */
@media (max-width: 575.98px){
  .modal-dialog{ margin: .75rem; }
  .modal-title{ font-size: 1rem; }
}


/* СКОПИРОВАТЬ вместо прежних селекторов — применится лишь к #privacyModal */
#privacyModal .modal-body{
  background: var(--paper-100);
  scrollbar-width: thin;
  scrollbar-color: var(--terracotta) color-mix(in srgb, var(--paper-100) 92%, black 8%);
}
#privacyModal .modal-body::-webkit-scrollbar{ width:12px; }
#privacyModal .modal-body::-webkit-scrollbar-track{
  background: color-mix(in srgb, var(--paper-100) 92%, black 8%);
  border-left: 1px solid var(--paper-300);
  border-radius: 0 8px 8px 0;
}
#privacyModal .modal-body::-webkit-scrollbar-thumb{
  background: var(--terracotta);
  border-radius: 10px;
  border: 3px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
#privacyModal .modal-body::-webkit-scrollbar-thumb:hover{
  background: var(--terracotta-hover);
}
#privacyModal .modal-content{ background: var(--paper-100); border:2px solid var(--paper-300); }
#privacyModal .modal-header, #privacyModal .modal-footer{
  background: color-mix(in srgb, var(--paper-100) 94%, black 6%);
  border:0;
}