/* theme-overrides.css
   Preserve the site’s existing color palette while applying the newer
   design’s rounded corners and elevated shadow style to MudBlazor surfaces.
   To undo this visual change, remove the <link href="theme-overrides.css"> entry from Components/App.razor.
*/

/* Soft rounded corners on core surfaces */
.mud-paper,
.mud-card,
.mud-dialog,
.mud-popover,
.mud-appbar,
.mud-drawer,
.mud-menu,
.mud-menu-item,
.mud-table,
.mud-table-root,
.mud-card-root,
.mud-card-content,
.mud-paper-root,
.mud-expansion-panel,
.mud-list,
.mud-list-item,
.mud-text-field-root,
.mud-select-root,
.mud-button-root,
.mud-chip {
  border-radius: 1rem !important;
}

/* Add modern soft shadows without altering the current palette */
.mud-paper,
.mud-card,
.mud-card-root,
.mud-paper-root,
.mud-dialog,
.mud-popover,
.mud-menu,
.mud-list,
.mud-expansion-panel {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
              0 12px 28px rgba(0, 0, 0, 0.10) !important;
}

/* Clip card images inside the rounded card container */
.mud-card,
.mud-card-root {
  overflow: clip !important;
}

.mud-card img,
.mud-card-root img {
  display: block;
}

/* Round text fields and search inputs to match the softer card style */
.mud-text-field-root,
.mud-text-field-root .mud-input-slot,
.mud-text-field-root input {
  border-radius: 1rem !important;
}

/* Maintain clean clipping on rounded surfaces */
.mud-paper,
.mud-card,
.mud-dialog,
.mud-popover,
.mud-menu,
.mud-appbar,
.mud-drawer {
  background-clip: padding-box;
}