/**
 * Toast (notify) + breadcrumb globali — estratti da bootstrap-overrides-late (Apr 2026).
 * v1.0.5 — Apr 2026: .breadcrumb-item a / .active solo qui (duplicati rimossi da bootstrap-overrides fragment mid-b).
 * v1.0.4 — Apr 2026: overlap/breadcrumb flow da navigation-overlap-fix.css (file rimosso; SSOT qui).
 * v1.0.3 — Apr 2026: .toast-container stack (flex column + gap + max-height scroll); z-index --z-toast.
 * v1.0.1 — Onda C: tipografia/icon token per varianti notify.
 * Caricati da css-final-overrides.blade.php PRIMA di bootstrap-overrides-late.css.
 * SSOT visivo .toast.toast-* e .breadcrumb-item; late resta per delta più specifici.
 */

/* Stack multi-toast: niente sovrapposizione; scroll se troppi (mobile) */
.toast-container {
  position: fixed;
  z-index: var(--z-toast);
  top: max(var(--spacing-4), env(safe-area-inset-top, 0px));
  right: max(var(--spacing-4), env(safe-area-inset-right, 0px));
  left: auto;
  bottom: auto;
  width: min(100vw - 2rem, 26.25rem);
  max-height: min(70dvh, 26rem);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  align-items: stretch;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  pointer-events: none;
}

.toast-container .toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-4);
  pointer-events: auto;
  flex-shrink: 0;
  min-width: 0;
}
.breadcrumb-item a {
  color: var(--color-primary-600);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--transition-fast, 0.2s) ease;
}
.breadcrumb-item a:hover {
  color: var(--color-primary-700);
  text-decoration-thickness: 2px;
}
.breadcrumb-item.active {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

/* Navigation overlap (ex navigation-overlap-fix.css): breadcrumb in flow, sotto navbar */
:is(.breadcrumb, .listing-breadcrumb, [aria-label="breadcrumb"], .listing-detail__breadcrumb) {
  position: static;
  z-index: var(--z-zero);
  isolation: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-2, 8px);
  margin-top: 0;
  margin-bottom: var(--spacing-3, 12px);
  padding: var(--spacing-3, 12px) 0;
  min-height: 0;
  height: auto;

  @media (max-width: 767.98px) {
    font-size: var(--font-size-sm, 0.875rem);
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
  }
}

.breadcrumb-container {
  z-index: var(--z-zero);
  isolation: auto;
}

.listing-breadcrumb .breadcrumb,
.listing-detail__breadcrumb .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2, 8px);
  align-items: center;
}

.toast.toast-success {
  background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-700) 100%);
  color: var(--color-white);
}
.toast.toast-error {
  background: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-700) 100%);
  color: var(--color-white);
}
.toast.toast-warning {
  background: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-700) 100%);
  color: var(--color-white);
}
.toast.toast-info {
  background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);
  color: var(--color-white);
}
.toast-icon {
  font-size: var(--icon-size-lg, 1.5rem);
  flex-shrink: 0;
}
.toast-message {
  flex: 1;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-base);
}

/* Notify.js / legacy alert shim stacking (ex bootstrap-overrides-late) */
.alert-z-toast {
  z-index: var(--z-toast);
}