/* RIO cart feedback: keep the button's size and label unchanged. */
button.rio-cart-added,
button.rio-cart-added:hover,
button.rio-cart-added:active {
  background: #176344 !important;
  border-color: #176344 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px #17634426 !important;
}

#toast {
  z-index: 10000;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

#toast.rio-cart-confirmation {
  background: #176344;
  border: 1px solid #104c33;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 6px 24px #003d292e;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  right: calc(16px + env(safe-area-inset-right, 0px));
}

@media (prefers-reduced-motion: reduce) {
  #toast,
  button.rio-cart-added {
    transition: none !important;
    animation: none !important;
  }
}