/* Shared storefront feedback. Loaded after the theme; native messages and actions remain intact. */
body .alert {
  --bs-alert-color: var(--dc-color-text, #10231d);
  --bs-alert-bg: var(--dc-color-surface, #fff);
  --bs-alert-border-color: var(--dc-color-border, #cfd8d2);
  padding: .875rem 1rem;
  color: var(--bs-alert-color);
  background: var(--bs-alert-bg);
  border: 1px solid var(--bs-alert-border-color);
  border-inline-start: 3px solid var(--dc-feedback-accent, var(--dc-color-border, #cfd8d2));
  border-radius: .25rem;
  box-shadow: none;
  font-size: .9375rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body .alert-danger {--dc-feedback-accent: var(--dc-color-danger, #a83232); --bs-alert-color: var(--dc-color-danger, #a83232);}
body .alert-warning {--dc-feedback-accent: var(--dc-color-warning, #805600);}
body .alert-success {--dc-feedback-accent: var(--dc-color-success, #12654f);}
body .alert-info {--dc-feedback-accent: var(--dc-color-accent, #12654f);}
body .alert-dismissible {padding-inline-end: 3.25rem;}
body .alert-dismissible .btn-close {inset-inline-end: 0; min-width: 2.75rem; min-height: 2.75rem; padding: .875rem; box-sizing: border-box;}
body .alert :is(p, ul, ol):last-child {margin-block-end: 0;}
body .alert a {color: inherit; text-decoration: underline; text-underline-offset: .15em;}
body .product__actions .product__availability {
  gap: .25rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: .875rem;
  line-height: 1.5;
}
body .product__availability-status {gap: .375rem; align-items: baseline; line-height: 1.5;}
body .product__availability-icon {position: relative; top: .125rem; flex: 0 0 auto; font-size: 1rem;}
body .product__availability[data-stock-state="available"] .product__availability-status {color: var(--dc-color-text-muted, #50625b) !important;}
body .product__availability-messages small {margin-block-start: .125rem; font-size: .8125rem; color: var(--dc-color-text-muted, #50625b);}
body .product__delivery-infos {padding-inline-start: 0; color: var(--dc-color-text-muted, #50625b); line-height: 1.5;}
body .product-line__item-availability-message {gap: .375rem; font-size: .8125rem; line-height: 1.5;}
body .product-line__item-availability-icon {font-size: .875rem;}
@media (forced-colors: active) {
  body .alert {border-color: CanvasText; border-inline-start-width: 3px;}
}
