@charset "UTF-8";
/**
 * Moduł pcodetrade - style frontu (przycisk + modal "Negocjuj cenę").
 * Źródło SCSS; skompilowany plik to front.css (rejestrowany w hooku).
 *
 * @author Patryk Pawlicki - redicon.pl
 */
.pcodetrade-reassurance {
  margin: 15px 0;
}
.pcodetrade-reassurance .pcodetrade-btn {
  width: 100%;
  max-width: 30.5rem;
}

.pcodetrade-modal .modal-dialog {
  max-width: 520px;
}
.pcodetrade-modal .modal-body {
  padding: 20px;
}
.pcodetrade-modal .pcodetrade-product {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.pcodetrade-modal .pcodetrade-current-price {
  color: #7a7a7a;
  font-size: 0.9em;
}
.pcodetrade-modal .form-group {
  margin-bottom: 15px;
}
.pcodetrade-modal .pcodetrade-required {
  color: #dc3545;
}
.pcodetrade-modal .pcodetrade-field-error {
  display: block;
  min-height: 1px;
  color: #dc3545;
}
.pcodetrade-modal .pcodetrade-invalid {
  border-color: #dc3545;
}
.pcodetrade-modal .pcodetrade-gdpr-label {
  display: flex;
  align-items: flex-start;
  font-weight: normal;
  cursor: pointer;
}
.pcodetrade-modal .pcodetrade-gdpr-label input[type=checkbox] {
  margin-top: 4px;
  margin-right: 8px;
}
.pcodetrade-modal .pcodetrade-gdpr-text {
  font-size: 0.85em;
  line-height: 1.4;
}
.pcodetrade-modal .pcodetrade-actions {
  margin-top: 20px;
  text-align: right;
}

/* Honeypot - musi być niewidoczny dla człowieka, ale obecny w DOM dla bota. */
.pcodetrade-hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pcodetrade-alert {
  margin-bottom: 15px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 0.9em;
}
.pcodetrade-alert.pcodetrade-alert-danger {
  border-color: #dc3545;
  background: rgba(220, 53, 69, 0.08);
  color: #dc3545;
}
.pcodetrade-alert.pcodetrade-alert-success {
  border-color: #4cbb6c;
  background: rgba(76, 187, 108, 0.08);
  color: #256b39;
}