/* WooCommerce notices can appear on products, cart and account pages. */
.g-notice { font-family: 'DIN 2014 UI', 'DIN 2014', sans-serif; text-transform: none; }
.g-notice *, .g-notice *::before, .g-notice *::after { box-sizing: border-box; }
.g-notice p { text-transform: none; }
.g-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
}
.g-account__content > .g-notice,
.g-account--guest .g-notice { margin: 0 0 16px; }
.g-account__content > .g-notice { margin-bottom: 0; }
.g-notice__ico { flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; }
/* обводку иконки задаём тут: wc_kses_notice() срезает у svg в уведомлениях
   class/fill/stroke (см. gorilla_account_notice_icon в inc/account.php) */
.g-notice__ico svg,
.g-notice__ico .g-account__ico {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.g-notice__body,
.g-notice__list { flex: 1; min-width: 0; }
.g-notice__list { list-style: none; margin: 0; padding: 0; }
.g-notice__list li + li { margin-top: 6px; }
.g-notice--success { background: rgb(var(--g-green-rgb) / .12); border-color: rgb(var(--g-green-rgb) / .4); color: #2f5d00; }
.g-notice--error   { background: rgba(211, 0, 0, .08); border-color: rgba(211, 0, 0, .35); color: #8a0000; }
.g-notice--info    { background: rgb(var(--g-navy-rgb) / .04); border-color: rgb(var(--g-navy-rgb) / .10); color: #24262b; }
.g-notice a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.g-notice a:hover { text-decoration-thickness: 2px; }
/* кнопки, которые WooCommerce кладёт внутрь уведомлений («Подтвердите и выйдите», «В каталог») */
body.gorilla-wc-page .g-notice a.button,
.woocommerce .g-notice a.button,
.g-notice a.button {
  display: inline-flex;
  align-items: center;
  margin: 8px 8px 0 0;
  padding: 9px 16px;
  border: 0;
  border-radius: 999px;
  background: #101010;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}
body.gorilla-wc-page .g-notice a.button:hover,
body.gorilla-wc-page .g-notice a.button:focus-visible,
.woocommerce .g-notice a.button:hover { background: var(--g-color-green); color: #0a0a0a; }