/* Override MudBlazor's default snackbar styling to show only custom snackbar component */

/* Hide MudBlazor's default snackbar wrapper background and padding */
.mud-snackbar {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Hide MudBlazor's default snackbar icon */
.mud-snackbar .mud-snackbar-icon {
  display: none !important;
}

/* Remove MudBlazor's default content wrapper styling */
.mud-snackbar-content-message {
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide MudBlazor's default close button (we have our own) */
.mud-snackbar > .mud-button-root {
  display: none !important;
}

/* Ensure our custom snackbar component fills the space */
.mud-snackbar .snackbar-container {
  width: 440px !important;
}

/* Snackbar Component Styles */

/* Base Snackbar Container */
.snackbar-container {
  min-height: 56px;
  padding: var(--dhcs-spacing-md);
  border-radius: 4px;
  border: 1px solid;
  border-left-width: 6px;
  border-left-style: solid;
  display: flex;
  align-items: flex-start;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.snackbar-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: var(--dhcs-spacing-sm);
}

.snackbar-icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.snackbar-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.snackbar-header {
  font-weight: 600;
}

.snackbar-text {
  margin: 0;
}

.snackbar-action {
  margin-top: var(--dhcs-spacing-sm);
}

.snackbar-action-button {
  padding: 0;
  min-width: auto;
  text-transform: none;
  font-weight: 600;
}

.snackbar-close {
  flex-shrink: 0;
  margin-left: auto;
}

/* Adjust min-height for variants */
.snackbar-with-action {
  min-height: 88px;
}

/* Success Snackbar - Green */
.snackbar-success {
  background-color: var(--dhcs-color-bg-success-light);
  border-color: var(--dhcs-color-status-success);
  color: var(--dhcs-color-text-primary) !important;
}

.snackbar-success ::deep .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-success) !important;
}

.snackbar-success .snackbar-action-button {
  color: var(--dhcs-color-status-success) !important;
}

/* Error Snackbar - Red */
.snackbar-error {
  background-color: var(--dhcs-color-bg-error-light);
  border-color: var(--dhcs-color-status-error);
  color: var(--dhcs-color-text-primary) !important;
}

.snackbar-error ::deep .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-error) !important;
}

.snackbar-error .snackbar-action-button {
  color: var(--dhcs-color-status-error) !important;
}

/* Warning Snackbar - Orange */
.snackbar-warning {
  background-color: var(--dhcs-color-bg-warning-light);
  border-color: var(--dhcs-color-status-warning-alt);
  color: var(--dhcs-color-text-primary) !important;
}

.snackbar-warning ::deep .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-warning-alt) !important;
}

.snackbar-warning .snackbar-action-button {
  color: var(--dhcs-color-status-warning-alt) !important;
}

/* Information Snackbar - Blue */
.snackbar-information {
  background-color: var(--dhcs-color-bg-white);
  border-color: var(--dhcs-color-primary);
  color: var(--dhcs-color-text-primary) !important;
}

.snackbar-information ::deep .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-primary) !important;
}

.snackbar-information .snackbar-action-button {
  color: var(--dhcs-color-primary) !important;
}

/* Close button styling */
.snackbar-close ::deep button {
  color: var(--dhcs-color-text-primary) !important;
}

.snackbar-close ::deep button:hover {
  background-color: rgba(0, 0, 0, 0.04);
}