/* Notices (cart and checkout): a rounded box with an icon, green for "done", red for errors, as on faberpet.ro. */
.pbly .notice {
  position: relative;
  padding: var(--pbly-space-4) var(--pbly-space-8) var(--pbly-space-4) calc(var(--pbly-space-10) + var(--pbly-space-4));
  border-radius: var(--pbly-radius-lg);
  background: var(--pbly-color-palette-mint-light);
  color: var(--pbly-color-palette-green-deep);
}

.pbly .notice::before {
  position: absolute;
  top: var(--pbly-space-4);
  left: var(--pbly-space-6);
  width: var(--pbly-space-4);
  height: var(--pbly-space-6);
  background: url("../../icons/notice-success.svg") center / contain no-repeat;
  content: "";
}

.pbly .notice--error {
  background: var(--pbly-color-palette-red-light);
  color: var(--pbly-color-palette-red);
}

.pbly .notice--error::before { background-image: url("../../icons/notice-error.svg"); }

.pbly .notice:focus { outline: none; }

.pbly .notice a,
.pbly .notice button {
  color: inherit;
  text-decoration: underline;
}

.pbly .notice__list a { text-decoration: none; }
.pbly .notice__list a:hover { text-decoration: underline; }