/*!
Theme Name: electrowp
Version: 1.0.0

*/

/* *,
*::before,
*::after {
  outline: 1px solid rgba(255, 0, 0, 0.1) !important;
} */

/* FORMS =========================== */

.form-status-message {
  margin-block: 8px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid currentColor;
  font-size: 14px;
  text-align: center;
}

.form-status-message.novalid {
  color: hsl(0, 100%, 65%);
}

.form-status-message.success {
  color: hsl(120, 100%, 40%);
}

input.novalid {
  outline: 1px solid hsl(0, 100%, 65%, 0.6);
}

/* MODALS =========================== */

.modal__head:not(:last-child) {
  margin-bottom: 16px;
}

.modal__head > * + * {
  margin-top: 12px;
}

.modal__title {
  color: #000;
  font-family: Oswald;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
  text-transform: uppercase;
}

.modal__subtitle {
  color: #646464;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.8px;
}

.response-modal {
  display: none;
  width: min(calc(100vw - 20px), 480px);
  border-radius: 20px;
  background: #fff;
}

/* QUIZ =========================== */

.calculation__why-content {
  align-items: normal;
}

.calculation__why .calculation__link {
  width: fit-content;
}

/* CONTACTS =========================== */

.contacts {
  overflow-x: clip;
  overflow-y: visible;
}