/* [HATCHERY-CORE] CHUNK-BESPOKE-TOASTS: shared stylesheet for every bespoke shop.
   Static, repo-checked, injected via a <link> in every generated layout.blade.php
   (CdHtmlImporter::buildLayout()) — NOT regenerated from CD, so it survives every
   re-import. Prefixed with an underscore so it never collides with a shop slug.

   Mirrors the --toast-* vars + .hatchery-toast* rules in resources/css/app.css
   verbatim, so bespoke and chicken/duck toasts are visually identical. */
:root {
  --toast-bg: #fff;
  --toast-fg: #0f172a;
  --toast-radius: 0.5rem;
  --toast-shadow: 0 6px 24px rgba(0,0,0,.12);
  --toast-success: #16a34a;
  --toast-error:   #dc2626;
  --toast-info:    #0f172a;
  --toast-warning: #d97706;
}
.hatchery-toast-host { position: fixed; z-index: 1000; display: flex; flex-direction: column; gap: .5rem;
  left: 1rem; right: 1rem; bottom: 1rem; align-items: center; }        /* mobile: bottom-center */
@media (min-width: 768px) { .hatchery-toast-host {
  left: auto; right: 1rem; top: 5rem; bottom: auto; align-items: flex-end; } } /* desktop: top-right, below the sticky header (z-index:100) */
.hatchery-toast { display: flex; align-items: center; gap: .75rem; max-width: 24rem;
  padding: .75rem 1rem; background: var(--toast-bg); color: var(--toast-fg);
  border-left: 4px solid var(--toast-info); border-radius: var(--toast-radius);
  box-shadow: var(--toast-shadow); }
.hatchery-toast--success { border-left-color: var(--toast-success); }
.hatchery-toast--error   { border-left-color: var(--toast-error); }
.hatchery-toast--warning { border-left-color: var(--toast-warning); }
.hatchery-toast__close { margin-left: auto; background: none; border: 0; cursor: pointer;
  font-size: 1.25rem; line-height: 1; opacity: .5; }
.hatchery-toast__close:hover { opacity: 1; }