/**
 * Woo notice reset + oo-stock-alert tier boje (Woo background-color inače gazi gradient).
 */

/* Default Woo ikona — koristimo .oo-stock-alert__icon */
.oo-wc-notice-panel.woocommerce-error::before,
.oo-wc-notice-panel.woocommerce-info::before,
.oo-wc-notice-panel.woocommerce-message::before,
.oo-stock-alert.woocommerce-error::before,
.oo-stock-alert.woocommerce-info::before,
.oo-stock-alert.woocommerce-message::before,
.oo-wc-notices .woocommerce-error::before,
.oo-wc-notices .woocommerce-info::before,
.oo-wc-notices .woocommerce-message::before,
.oo-wc-notices .woocommerce-error li::before,
.oo-checkout-notices-host .woocommerce-error::before,
.oo-checkout-notices-host .woocommerce-info::before,
.oo-checkout-notices-host .woocommerce-message::before,
.oo-checkout-notices-host .woocommerce-error li::before {
  display: none !important;
  content: none !important;
}

/* Poništi Woo „notice traku” — layout drži .oo-stock-alert */
.oo-wc-notice-panel.woocommerce-error,
.oo-wc-notice-panel.woocommerce-info,
.oo-wc-notice-panel.woocommerce-message,
.oo-checkout-notices-host .oo-wc-notice-panel {
  list-style: none;
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  position: relative;
  border-top: none !important;
  padding: 12px 14px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

/* --- critical (error) --- */
.oo-wc-notice-panel.oo-stock-alert--critical,
.oo-wc-notices .oo-wc-notice-panel.oo-stock-alert--critical,
.oo-checkout-notices-host .oo-wc-notice-panel.oo-stock-alert--critical {
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
  border: 1px solid rgba(225, 29, 72, 0.22) !important;
  border-left-width: 4px !important;
  border-left-color: #e11d48 !important;
  color: #57534e !important;
}

.oo-wc-notice-panel.oo-stock-alert--critical .oo-stock-alert__icon,
.oo-checkout-notices-host .oo-wc-notice-panel.oo-stock-alert--critical .oo-stock-alert__icon {
  background: #fda4af !important;
  color: #9f1239 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.65) inset;
}

/* --- moderate (info / notice) --- */
.oo-wc-notice-panel.oo-stock-alert--moderate,
.oo-wc-notices .oo-wc-notice-panel.oo-stock-alert--moderate,
.oo-checkout-notices-host .oo-wc-notice-panel.oo-stock-alert--moderate {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.28) !important;
  border-left-width: 4px !important;
  border-left-color: #2563eb !important;
  color: #475569 !important;
}

.oo-wc-notice-panel.oo-stock-alert--moderate .oo-stock-alert__icon,
.oo-checkout-notices-host .oo-wc-notice-panel.oo-stock-alert--moderate .oo-stock-alert__icon {
  background: #93c5fd !important;
  color: #1e3a8a !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.65) inset;
}

/* --- warning --- */
.oo-wc-notice-panel.oo-stock-alert--warning,
.oo-wc-notices .oo-wc-notice-panel.oo-stock-alert--warning {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  border-left-width: 4px !important;
  border-left-color: #f59e0b !important;
  color: #57534e !important;
}

.oo-wc-notice-panel.oo-stock-alert--warning .oo-stock-alert__icon {
  background: #fde68a !important;
  color: #b45309 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

/* --- ok (success) --- */
.oo-wc-notice-panel.oo-stock-alert--ok,
.oo-wc-notices .oo-wc-notice-panel.oo-stock-alert--ok {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.32) !important;
  border-left-width: 4px !important;
  border-left-color: #059669 !important;
  color: #475569 !important;
}

.oo-wc-notice-panel.oo-stock-alert--ok .oo-stock-alert__icon {
  background: #6ee7b7 !important;
  color: #065f46 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.65) inset;
}

.oo-wc-notice-panel__body,
.oo-wc-notice-panel .oo-stock-alert__text {
  margin: 0;
}
