/* Furstatec WooCommerce notice system. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
  position: relative;
  width: 100%;
  max-width: var(--fst-container, 1240px);
  margin: 18px auto !important;
  padding: 17px 20px 17px 66px !important;
  border: 1px solid var(--fst-border, #dce3e7) !important;
  border-left-width: 4px !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--fst-text, #343b47) !important;
  font-size: .91rem !important;
  line-height: 1.55 !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  display: grid !important;
  place-items: center;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  transform: translateY(-50%);
  border-radius: 999px;
  font-family: inherit !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.woocommerce-message {
  border-left-color: var(--fst-green-dark, #3d8500) !important;
  background: linear-gradient(90deg, var(--fst-green-soft, #f3f9ec) 0, #fff 19%) !important;
}

.woocommerce-message::before {
  content: "✓" !important;
  background: var(--fst-green-dark, #3d8500) !important;
  color: #fff !important;
}

.woocommerce-info {
  border-left-color: var(--fst-blue-dark, #005a84) !important;
  background: linear-gradient(90deg, var(--fst-blue-soft, #eef7fa) 0, #fff 19%) !important;
}

.woocommerce-info::before {
  content: "i" !important;
  background: var(--fst-blue-dark, #005a84) !important;
  color: #fff !important;
}

.woocommerce-error {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 66px !important;
  list-style: none !important;
  border-left-color: #b43a3a !important;
  background: linear-gradient(90deg, #fff1f1 0, #fff 19%) !important;
}

.woocommerce-error::before {
  content: "!" !important;
  background: #b43a3a !important;
  color: #fff !important;
}

.woocommerce-error li {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.wc-block-components-notice-banner a {
  color: var(--fst-blue-dark, #005a84) !important;
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward {
  float: right !important;
  min-height: 36px !important;
  margin: -7px 0 -7px 18px !important;
  padding: 7px 12px !important;
  border: 1px solid var(--fst-blue-dark, #005a84) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--fst-blue-dark, #005a84) !important;
  box-shadow: none !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.woocommerce-message .button:hover,
.woocommerce-message .button:focus,
.woocommerce-info .button:hover,
.woocommerce-info .button:focus,
.woocommerce-error .button:hover,
.woocommerce-error .button:focus,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward:hover,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward:focus {
  border-color: var(--fst-blue-dark, #005a84) !important;
  background: var(--fst-blue-dark, #005a84) !important;
  color: #fff !important;
}

/* WooCommerce blocks notices. */
.wc-block-components-notice-banner {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding-left: 18px !important;
}

.wc-block-components-notice-banner > svg {
  flex: 0 0 auto;
  margin-top: 1px;
}

.wc-block-components-notice-banner.is-success {
  border-left-color: var(--fst-green-dark, #3d8500) !important;
  background: linear-gradient(90deg, var(--fst-green-soft, #f3f9ec) 0, #fff 19%) !important;
}

.wc-block-components-notice-banner.is-info {
  border-left-color: var(--fst-blue-dark, #005a84) !important;
  background: linear-gradient(90deg, var(--fst-blue-soft, #eef7fa) 0, #fff 19%) !important;
}

.wc-block-components-notice-banner.is-error {
  border-left-color: #b43a3a !important;
  background: linear-gradient(90deg, #fff1f1 0, #fff 19%) !important;
}

@media (max-width: 767px) {
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .wc-block-components-notice-banner {
    width: calc(100% - 28px);
    margin: 14px auto !important;
    padding: 15px 14px 15px 58px !important;
    border-radius: 8px !important;
    font-size: .84rem !important;
  }

  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before {
    left: 14px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button,
  .wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward {
    float: none !important;
    display: inline-flex !important;
    margin: 10px 0 0 !important;
  }

  .wc-block-components-notice-banner {
    padding-left: 14px !important;
  }
}