/* Toast positioning fix: prevent overlap with sticky header */
/* The header is sticky top-0 z-50, roughly 64-80px tall */
/* Sonner default offset is ~32px which lands ON the header */

/* Desktop: push toaster below header */
[data-sonner-toaster] {
  --offset-top: 80px !important;
}

/* Mobile: push even further (header may wrap to 2 lines) */
@media (max-width: 768px) {
  [data-sonner-toaster] {
    --mobile-offset-top: 80px !important;
    --mobile-offset-left: 8px !important;
    --mobile-offset-right: 8px !important;
  }
}

/* Give each toast a solid, self-contained appearance */
[data-sonner-toast] {
  background: #FDFAF3 !important;
  border: 1px solid rgba(5, 84, 30, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06) !important;
  padding: 14px 16px !important;
  color: #1a1a1a !important;
}

/* Success toast: brand green accent */
[data-sonner-toast][data-type="success"] {
  background: #FDFAF3 !important;
  border-left: 3px solid #05541E !important;
}

/* Error toast: red accent */
[data-sonner-toast][data-type="error"] {
  background: #FDFAF3 !important;
  border-left: 3px solid #dc2626 !important;
}

/* Toast title text */
[data-sonner-toast] [data-title] {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
}

/* Toast action button (View Cart) */
[data-sonner-toast] [data-button] {
  background: #05541E !important;
  color: #FDFAF3 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

[data-sonner-toast] [data-button]:hover {
  background: #043d16 !important;
}

/* Toast close button */
[data-sonner-toast] [data-close-button] {
  background: rgba(0, 0, 0, 0.06) !important;
  border: none !important;
}

/* Ensure toast icon (checkmark) is visible */
[data-sonner-toast] [data-icon] {
  color: #05541E !important;
}

/* Mobile: ensure toast doesn't cause horizontal overflow */
@media (max-width: 768px) {
  [data-sonner-toast] {
    max-width: calc(100vw - 16px) !important;
  }
}