/* Webform dialog - D10 native modal (CTA blocks 37, 38, 39) */

/* === Убираем серую рамку jQuery UI === */
.ui-dialog.ui-widget-content,
.ui-dialog .ui-widget-content,
.ui-dialog .ui-dialog-content {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: hidden !important;
  min-width: 600px !important;
  max-width: 90vw !important;
  width: 600px !important;
  border-radius: 12px !important;
}
.ui-dialog .ui-dialog-titlebar {
  border: 0 !important;
  background: transparent;
  padding: 1.5em 1em 1em 1em !important;
  position: relative;
  min-height: 64px;
  border-radius: 0 !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.ui-dialog .ui-dialog-content {
  padding: 2em 1.5em 1.5em !important;
  border-radius: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane {
  border-radius: 0 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* === Заголовок: крупный UPPERCASE === */
.ui-dialog-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.3;
  color: #000;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block;
  width: auto !important;
  padding-right: 80px;
  margin: 0;
  float: none !important;
}

/* === Крестик: белый в сером кружке (SVG) === */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  right: 0.5em !important;
  top: 0.5em !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-color: #d8d8d8 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 36px 36px !important;
  cursor: pointer;
  text-indent: -9999px !important;
  overflow: hidden;
  z-index: 10;
  transition: background-color 0.15s ease;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background-color: #c0c0c0 !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space,
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: none !important;
}
.ui-dialog .ui-dialog-titlebar-close:focus {
  outline: 2px solid #024382;
  outline-offset: 2px;
}

/* === Чекбокс: цвет ссылки === */
.ui-dialog .form-type-checkbox label a:hover {
  color: #024382;
}

/* === Кнопка "Отправить" по центру === */
.ui-dialog .form-actions,
.ui-dialog .ui-dialog-buttonpane {
  text-align: center !important;
  float: none !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog .form-actions {
  float: none !important;
  display: inline-block !important;
  text-align: center !important;
}

/* === Убираем resizable handle в правом нижнем углу === */
.ui-dialog .ui-resizable-handle,
.ui-dialog [class*="ui-resizable"] {
  display: none !important;
}

/* === Скрываем оригинальную кнопку submit в форме ===
   jQuery UI dialog при открытии модалки клонирует кнопку в buttonpane
   и скрывает оригинал через inline display:none. Между рендером и JS -
   виден "флеш" оригинала. Прячем его через CSS, чтобы вспышки не было.
   Клон в .ui-dialog-buttonpane остаётся виден. */
.ui-dialog .ui-dialog-content .webform-button--submit,
.ui-dialog .ui-dialog-content button.webform-button--submit,
.ui-dialog .ui-dialog-content input.webform-button--submit {
  display: none !important;
}