/* =========================================================
   CF7 Popups (SweetAlert2) — фирменные стили модальных окон
   Переопределяет стили плагина cf7-popups.
   Подключается после style.css темы (см. functions.php).
   ========================================================= */

/* Затемнение фона за модальным окном */
.swal2-container.swal2-shown {
  background-color: rgba(20, 20, 20, 0.5);
}

/* Само окно: белое с синей рамкой */
.swal2-modal {
  font-family: var(--font-family);
  background: var(--color-light);
  border: 2px solid var(--color-primary);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(20, 20, 20, 0.15);
}

/* Заголовок */
.swal2-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  color: var(--color-dark);
}

/* Текст сообщения */
.swal2-content {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-dark);
}

/* Кнопка "ОК" — в стиле кнопок сайта */
.swal2-confirm {
  background: var(--color-primary);
  color: var(--color-light);
  border: 1px solid transparent;
  border-radius: 50px;
  box-sizing: border-box;
  min-width: 180px;
  height: 56px;
  padding: 0 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

.swal2-confirm:hover {
  background: transparent;
  color: var(--color-dark);
  border-color: var(--color-dark);
  box-shadow: none;
}

.swal2-confirm:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Отступы блока кнопок */
.swal2-buttonswrapper {
  margin-top: 24px;
}

/* Крестик закрытия */
.swal2-close {
  color: #7f7f7f;
  transition: color 0.3s ease;
}

.swal2-close:hover,
.swal2-close:focus {
  color: var(--color-dark);
}

/* Иконка успеха — в фирменном синем цвете */
.swal2-icon.swal2-success {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--color-primary);
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(46, 98, 242, 0.3);
}

/* Иконка предупреждения — мягче дефолтного */
.swal2-icon.swal2-warning {
  border-color: #f27474;
  color: #f27474;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .swal2-modal {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px);
    padding: 24px;
    border-radius: 16px;
  }

  .swal2-title {
    font-size: 22px;
  }

  .swal2-content {
    font-size: 16px;
  }

  .swal2-confirm {
    width: 100%;
    min-width: 0;
    font-size: 18px;
  }
  /* Иконка ошибки — синяя окружность, красный крестик */
  .swal2-icon.swal2-error {
    border-color: var(--color-primary);
  }

  /* Убрать анимированную обводку крестика (она синяя/яркая) или перекрасить в красный */
}