/* ==========================================================================
   Alerts and close button.
   Owning feature: shared / components
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Alerts -------------------------------------------------------------- */
.alert {
  border-radius: var(--fh-radius);
  border: 1px solid transparent;
  font-size: var(--fh-text-base);
  padding: 0.85rem 1rem;
}
.alert .btn-close, .alert .close {
  padding: 0.85rem 1rem;
}
/* Old Bootstrap-4-style dismiss trigger (`class="close"` with a literal ×)
   still used on a couple of alert views; give it the same affordance as
   Bootstrap 5's `.btn-close`. */
.close {
  background: transparent;
  border: 0;
  line-height: var(--fh-leading-none);
  font-size: var(--fh-text-2xl);
  color: inherit;
  opacity: 0.6;
  float: right;
  cursor: pointer;
}
.close:hover { opacity: 1; }