/* Semantic notice colors remain independent of the brand palette.
 * Custom notices: .moto22-notice[data-notice-type="success|warning|error|info"].
 * Preserve descriptive text, icons and native accessibility roles.
 */
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner, .moto22-notice) {
 --notice-bg: #eff6ff;
 --notice-text: #1e3a8a;
 --notice-accent: #1d4ed8;
 box-sizing: border-box;
 border: 1px solid var(--notice-accent);
 border-inline-start-width: 4px;
 border-radius: 4px;
 /* Override WooCommerce Blocks' important declarations. */
 background: var(--notice-bg) !important;
 color: var(--notice-text) !important;
 line-height: 1.6;
 overflow-wrap: anywhere;
}
body :is(.woocommerce-message, .woocommerce-notice--success, .wc-block-components-notice-banner.is-success, .moto22-notice[data-notice-type="success"]) {
 --notice-bg: #f0fdf4;
 --notice-text: #14532d;
 --notice-accent: #15803d;
}
body :is(.woocommerce-notice--warning, .woocommerce-info[data-notice-type="warning"], .wc-block-components-notice-banner.is-warning, .moto22-notice[data-notice-type="warning"]) {
 --notice-bg: #fefce8;
 --notice-text: #713f12;
 --notice-accent: #a16207;
}
body :is(.woocommerce-error, .woocommerce-notice--error, .wc-block-components-notice-banner.is-error, .moto22-notice[data-notice-type="error"]) {
 --notice-bg: #fef2f2;
 --notice-text: #7f1d1d;
 --notice-accent: #b91c1c;
}
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
 color: var(--notice-accent);
}
body .wc-block-components-notice-banner > svg {
 background: var(--notice-accent) !important;
 fill: #fff;
}
body :is(.woocommerce-notice, .moto22-notice) {
 padding: 1rem 1.25rem;
 margin-block: 0 1.5rem;
}
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner, .moto22-notice) a:not(.button):not(.wp-element-button) {
 color: inherit;
 text-decoration: underline;
 text-underline-offset: .2em;
}
/* The focused notice uses its semantic color, just like its links. */
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner, .moto22-notice):focus-visible,
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner, .moto22-notice) :is(a, button):focus-visible {
 outline: 3px solid var(--notice-accent);
 outline-offset: 3px;
}