/* Conjurly UI Core — COMPONENTS
   Source of truth: plugin file
   Do not hardcode values elsewhere. */

/* ==========================================
   Conjurly Alerts (Global Component)
   ========================================== */

.alert{
  border-radius: var(--cj-alert-radius);
  border: 1px solid var(--cj-alert-border);
}

.alert-info{
  background: var(--cj-alert-info-bg);
  color: var(--cj-alert-info-text);
  border-color: var(--cj-alert-info-border);
}

.alert-success{
  background: var(--cj-alert-success-bg);
  color: var(--cj-alert-success-text);
  border-color: var(--cj-alert-success-border);
}

.alert-warning{
  background: var(--cj-alert-warning-bg);
  color: var(--cj-alert-warning-text);
  border-color: var(--cj-alert-warning-border);
}

.alert-danger,
.alert-error{
  background: var(--cj-alert-danger-bg);
  color: var(--cj-alert-danger-text);
  border-color: var(--cj-alert-danger-border);
}

/* Links inside alerts */
.alert a{
  color: var(--cj-accent);
  text-decoration: none;
  font-weight: 600;
}
.alert a:hover{
  color: var(--cj-accent-hover);
  text-decoration: underline;
}