/* Verlag warning/attention message styling. */

.messages--warning,
.alert-warning {
  position: relative !important;
  margin: 16px 14px !important;
  padding: 13px 44px 13px 36px !important;

  background: #ffffcc !important;
  border: 1px solid rgba(0, 0, 102, 0.22) !important;
  border-radius: 0 !important;

  color: #000066 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

.messages--warning::before,
.alert-warning::before {
  content: "!" !important;
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;

  background: #000066 !important;
  color: #ffffcc !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 10px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

.messages--warning a,
.alert-warning a {
  color: #000066 !important;
  text-decoration: underline !important;
}

.messages--warning .close,
.alert-warning .close,
.messages--warning button.close,
.alert-warning button.close {
  color: rgba(0, 0, 102, 0.35) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Strong warning message styling for download limit notice. */
[data-drupal-messages] .messages--warning,
.messages.messages--warning,
.alert.alert-warning,
.alert-warning {
  position: relative !important;
  margin: 16px 14px !important;
  padding: 13px 44px 13px 15px !important;
  background: #ffffcc !important;
  border: 1px solid rgba(0, 0, 102, 0.22) !important;
  color: #000066 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.verlag-download-limit-message {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #000066 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.verlag-download-limit-message__icon {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  border-radius: 50% !important;
  background: #000066 !important;
  color: #ffffcc !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

.verlag-download-limit-message strong {
  color: #000066 !important;
  font-weight: 700 !important;
}

/* Download-limit warning alert styling. */
body [data-drupal-messages] .messages--warning,
body .messages.messages--warning,
body .messages--warning,
body .alert.alert-warning,
body .alert-warning {
  background: #ffffcc !important;
  border: 1px solid rgba(0, 0, 102, 0.22) !important;
  color: #990000 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  padding: 11px 42px 11px 32px !important;
  margin: 14px 14px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Warning icon style. */
body [data-drupal-messages] .messages--warning::before,
body .messages.messages--warning::before,
body .messages--warning::before,
body .alert.alert-warning::before,
body .alert-warning::before {
  content: "!" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #990000 !important;
  color: #ffffcc !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Close X. */
body .messages--warning .close,
body .alert-warning .close,
body .messages--warning button.close,
body .alert-warning button.close {
  color: rgba(153, 0, 0, 0.45) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}