/* =============================================================================
   WooCommerce Notices
   ============================================================================= */

.woocommerce-notices-wrapper:not(:empty) {
  background-color: var(--ovelia-colors-powder-100);
  border-bottom: 1px solid var(--ovelia-color-border);
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  max-width: var(--ovelia-layout-max-width);
  margin: 0 auto;
  padding: 0.875rem var(--ovelia-layout-side-padding);
  background: transparent;
  border: none;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--ovelia-font-sans);
  font-size: var(--ovelia-typography-fontsize-base);
  color: var(--ovelia-color-text-subtle);
}

/* Button is first in the DOM (WC floats it right); push it visually to the right */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
  order: 1;
  margin-left: auto;
  flex-shrink: 0;
  background-color: transparent;
  color: var(--ovelia-colors-semantic-text);
  border: 1px solid var(--ovelia-color-border);
  padding: 0.5rem 1rem;
  font-size: var(--ovelia-typography-fontsize-xs);
  letter-spacing: var(--ovelia-tracking-label);
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover {
  background-color: var(--ovelia-colors-semantic-text);
  color: var(--ovelia-colors-powder-50);
  border-color: var(--ovelia-colors-semantic-text);
}