/* ==========================================================================
   Bootstrap .modal restyle.
   Owning feature: shared / components
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Modals ---------------------------------------------------------- */
.modal-content {
  border: 1px solid var(--fh-border);
  border-radius: var(--fh-radius-lg);
  box-shadow: var(--fh-shadow);
}
.modal-header {
  border-bottom: 1px solid var(--fh-border);
  padding: calc(var(--fh-modal-pad, 1.25rem) * 0.8) var(--fh-modal-pad, 1.25rem);
}
.modal-title { font-size: var(--fh-text-lg); font-weight: var(--fh-weight-semibold); color: var(--fh-text); }
.modal-body { padding: var(--fh-modal-pad, 1.25rem); color: var(--fh-text); }
.modal-footer {
  border-top: 1px solid var(--fh-border);
  padding: calc(var(--fh-modal-pad, 1.25rem) * 0.68) var(--fh-modal-pad, 1.25rem);
}
.modal-backdrop.show { --bs-backdrop-opacity: 0.35; }