.np-alert,
.np-notice,
.np-message,
.np-callout,
.np-banner-alert,
.np-form-feedback,
.np-system-message,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notice,
.woocommerce-store-notice,
.dokan-alert,
.dokan-message,
.dokan-info,
.dokan-error,
.elementor-alert {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: var(--np-alert-gap, 0.875rem);
    width: 100%;
    min-width: 0;
    margin: var(--np-alert-margin, 0 0 1rem);
    padding-block: var(--np-alert-padding-y, 1rem);
    padding-inline: var(--np-alert-padding-x, 1rem);
    overflow: hidden;
    background: var(--np-alert-background, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-alert-border-color, #e0e7ff);
    border-radius: var(--np-alert-radius, 1.25rem);
    color: var(--np-alert-color, #334155);
    font-family: var(--np-body-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--np-alert-font-size, 0.9375rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: start;
    box-shadow: var(--np-alert-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-alert:last-child,
.np-notice:last-child,
.np-message:last-child,
.np-callout:last-child,
.np-banner-alert:last-child,
.np-form-feedback:last-child,
.np-system-message:last-child,
.woocommerce-message:last-child,
.woocommerce-error:last-child,
.woocommerce-info:last-child,
.woocommerce-notice:last-child,
.dokan-alert:last-child,
.dokan-message:last-child,
.dokan-info:last-child,
.dokan-error:last-child,
.elementor-alert:last-child {
    margin-block-end: 0;
}

.np-alert.is-inline,
.np-notice.is-inline,
.np-message.is-inline,
.np-callout.is-inline,
.np-form-feedback.is-inline,
.np-system-message.is-inline {
    display: inline-grid;
    width: fit-content;
    max-width: 100%;
}

.np-alert.is-compact,
.np-notice.is-compact,
.np-message.is-compact,
.np-callout.is-compact,
.np-form-feedback.is-compact,
.np-system-message.is-compact {
    --np-alert-gap: 0.625rem;
    --np-alert-padding-y: 0.75rem;
    --np-alert-padding-x: 0.875rem;
    --np-alert-font-size: 0.875rem;
    --np-alert-radius: 1rem;
}

.np-alert.is-spacious,
.np-notice.is-spacious,
.np-message.is-spacious,
.np-callout.is-spacious,
.np-form-feedback.is-spacious,
.np-system-message.is-spacious {
    --np-alert-gap: 1rem;
    --np-alert-padding-y: 1.25rem;
    --np-alert-padding-x: 1.25rem;
    --np-alert-radius: 1.5rem;
}

.np-alert.is-flat,
.np-notice.is-flat,
.np-message.is-flat,
.np-callout.is-flat,
.np-form-feedback.is-flat,
.np-system-message.is-flat {
    box-shadow: none;
}

.np-alert.is-borderless,
.np-notice.is-borderless,
.np-message.is-borderless,
.np-callout.is-borderless,
.np-form-feedback.is-borderless,
.np-system-message.is-borderless {
    border-color: transparent;
}

.np-alert.is-square,
.np-notice.is-square,
.np-message.is-square,
.np-callout.is-square,
.np-form-feedback.is-square,
.np-system-message.is-square {
    border-radius: var(--np-radius-md, 0.75rem);
}

.np-alert.is-pill,
.np-notice.is-pill,
.np-message.is-pill,
.np-form-feedback.is-pill,
.np-system-message.is-pill {
    border-radius: var(--np-radius-pill, 999px);
}

.np-alert.is-center,
.np-notice.is-center,
.np-message.is-center,
.np-callout.is-center,
.np-banner-alert.is-center,
.np-form-feedback.is-center,
.np-system-message.is-center {
    text-align: center;
}

.np-alert.is-center .np-alert-content,
.np-notice.is-center .np-notice-content,
.np-message.is-center .np-message-content,
.np-callout.is-center .np-callout-content,
.np-banner-alert.is-center .np-banner-alert-content,
.np-form-feedback.is-center .np-form-feedback-content,
.np-system-message.is-center .np-system-message-content {
    justify-items: center;
}

.np-alert.is-start,
.np-notice.is-start,
.np-message.is-start,
.np-callout.is-start,
.np-banner-alert.is-start,
.np-form-feedback.is-start,
.np-system-message.is-start {
    text-align: start;
}

.np-alert.is-end,
.np-notice.is-end,
.np-message.is-end,
.np-callout.is-end,
.np-banner-alert.is-end,
.np-form-feedback.is-end,
.np-system-message.is-end {
    text-align: end;
}

.np-alert.is-no-icon,
.np-notice.is-no-icon,
.np-message.is-no-icon,
.np-callout.is-no-icon,
.np-form-feedback.is-no-icon,
.np-system-message.is-no-icon {
    grid-template-columns: minmax(0, 1fr) auto;
}

.np-alert.is-no-icon .np-alert-icon,
.np-notice.is-no-icon .np-notice-icon,
.np-message.is-no-icon .np-message-icon,
.np-callout.is-no-icon .np-callout-icon,
.np-form-feedback.is-no-icon .np-form-feedback-icon,
.np-system-message.is-no-icon .np-system-message-icon {
    display: none;
}

.np-alert.is-stack,
.np-notice.is-stack,
.np-message.is-stack,
.np-callout.is-stack,
.np-form-feedback.is-stack,
.np-system-message.is-stack {
    grid-template-columns: 1fr;
}

.np-alert.is-stack .np-alert-icon,
.np-notice.is-stack .np-notice-icon,
.np-message.is-stack .np-message-icon,
.np-callout.is-stack .np-callout-icon,
.np-form-feedback.is-stack .np-form-feedback-icon,
.np-system-message.is-stack .np-system-message-icon {
    margin-block-end: var(--np-spacing-xs, 0.5rem);
}

.np-alert-icon,
.np-notice-icon,
.np-message-icon,
.np-callout-icon,
.np-form-feedback-icon,
.np-system-message-icon,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before,
.dokan-alert::before,
.dokan-message::before,
.dokan-info::before,
.dokan-error::before,
.elementor-alert::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-alert-icon-size, 2rem);
    min-width: var(--np-alert-icon-size, 2rem);
    height: var(--np-alert-icon-size, 2rem);
    background: var(--np-alert-icon-background, rgba(79, 70, 229, 0.12));
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-alert-accent-color, #4f46e5);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-alert-icon-font-size, 1rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-alert-icon svg,
.np-notice-icon svg,
.np-message-icon svg,
.np-callout-icon svg,
.np-form-feedback-icon svg,
.np-system-message-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-alert-icon::before,
.np-notice-icon::before,
.np-message-icon::before,
.np-callout-icon::before,
.np-form-feedback-icon::before,
.np-system-message-icon::before {
    content: "i";
}

.np-alert-content,
.np-notice-content,
.np-message-content,
.np-callout-content,
.np-banner-alert-content,
.np-form-feedback-content,
.np-system-message-content,
.elementor-alert .elementor-alert-description {
    display: grid;
    gap: var(--np-alert-content-gap, 0.375rem);
    min-width: 0;
}

.np-alert-title,
.np-notice-title,
.np-message-title,
.np-callout-title,
.np-banner-alert-title,
.np-form-feedback-title,
.np-system-message-title,
.elementor-alert .elementor-alert-title {
    margin: 0;
    color: var(--np-alert-title-color, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-alert-title-size, 1rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.np-alert-text,
.np-notice-text,
.np-message-text,
.np-callout-text,
.np-banner-alert-text,
.np-form-feedback-text,
.np-system-message-text,
.np-alert-description,
.np-notice-description,
.np-message-description,
.np-callout-description,
.np-banner-alert-description,
.np-form-feedback-description,
.np-system-message-description,
.elementor-alert .elementor-alert-description {
    margin: 0;
    color: var(--np-alert-text-color, #334155);
    font-size: var(--np-alert-font-size, 0.9375rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-alert-content > *:first-child,
.np-notice-content > *:first-child,
.np-message-content > *:first-child,
.np-callout-content > *:first-child,
.np-banner-alert-content > *:first-child,
.np-form-feedback-content > *:first-child,
.np-system-message-content > *:first-child {
    margin-block-start: 0;
}

.np-alert-content > *:last-child,
.np-notice-content > *:last-child,
.np-message-content > *:last-child,
.np-callout-content > *:last-child,
.np-banner-alert-content > *:last-child,
.np-form-feedback-content > *:last-child,
.np-system-message-content > *:last-child {
    margin-block-end: 0;
}

.np-alert a,
.np-notice a,
.np-message a,
.np-callout a,
.np-banner-alert a,
.np-form-feedback a,
.np-system-message a,
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-notice a,
.dokan-alert a,
.dokan-message a,
.dokan-info a,
.dokan-error a,
.elementor-alert a {
    color: var(--np-alert-link-color, var(--np-alert-accent-color, #4f46e5));
    font-weight: var(--np-font-weight-bold, 700);
    text-decoration: none;
    text-underline-offset: 0.18em;
}

.np-alert a:hover,
.np-alert a:focus,
.np-notice a:hover,
.np-notice a:focus,
.np-message a:hover,
.np-message a:focus,
.np-callout a:hover,
.np-callout a:focus,
.np-banner-alert a:hover,
.np-banner-alert a:focus,
.np-form-feedback a:hover,
.np-form-feedback a:focus,
.np-system-message a:hover,
.np-system-message a:focus,
.woocommerce-message a:hover,
.woocommerce-message a:focus,
.woocommerce-error a:hover,
.woocommerce-error a:focus,
.woocommerce-info a:hover,
.woocommerce-info a:focus,
.woocommerce-notice a:hover,
.woocommerce-notice a:focus,
.dokan-alert a:hover,
.dokan-alert a:focus,
.dokan-message a:hover,
.dokan-message a:focus,
.dokan-info a:hover,
.dokan-info a:focus,
.dokan-error a:hover,
.dokan-error a:focus,
.elementor-alert a:hover,
.elementor-alert a:focus {
    color: var(--np-alert-link-color-hover, var(--np-alert-accent-color, #4f46e5));
    text-decoration: underline;
}

.np-alert-list,
.np-notice-list,
.np-message-list,
.np-callout-list,
.np-form-feedback-list,
.np-system-message-list,
.woocommerce-error {
    display: grid;
    gap: var(--np-alert-list-gap, 0.375rem);
    margin: var(--np-spacing-xs, 0.5rem) 0 0;
    padding: 0;
    list-style: none;
}

.np-alert-list li,
.np-notice-list li,
.np-message-list li,
.np-callout-list li,
.np-form-feedback-list li,
.np-system-message-list li,
.woocommerce-error li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--np-spacing-xs, 0.5rem);
    margin: 0;
    padding: 0;
    color: inherit;
}

.np-alert-list li::before,
.np-notice-list li::before,
.np-message-list li::before,
.np-callout-list li::before,
.np-form-feedback-list li::before,
.np-system-message-list li::before,
.woocommerce-error li::before {
    display: inline-flex;
    width: 0.375rem;
    min-width: 0.375rem;
    height: 0.375rem;
    margin-block-start: 0.5em;
    background: currentColor;
    border-radius: var(--np-radius-circle, 50%);
    opacity: 0.62;
    content: "";
}

.np-alert-actions,
.np-notice-actions,
.np-message-actions,
.np-callout-actions,
.np-banner-alert-actions,
.np-form-feedback-actions,
.np-system-message-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-alert-actions-gap, 0.625rem);
    margin-block-start: var(--np-spacing-sm, 0.75rem);
}

.np-alert-actions.is-end,
.np-notice-actions.is-end,
.np-message-actions.is-end,
.np-callout-actions.is-end,
.np-banner-alert-actions.is-end,
.np-form-feedback-actions.is-end,
.np-system-message-actions.is-end {
    justify-content: flex-end;
}

.np-alert-actions.is-center,
.np-notice-actions.is-center,
.np-message-actions.is-center,
.np-callout-actions.is-center,
.np-banner-alert-actions.is-center,
.np-form-feedback-actions.is-center,
.np-system-message-actions.is-center {
    justify-content: center;
}

.np-alert-actions.is-stack,
.np-notice-actions.is-stack,
.np-message-actions.is-stack,
.np-callout-actions.is-stack,
.np-banner-alert-actions.is-stack,
.np-form-feedback-actions.is-stack,
.np-system-message-actions.is-stack {
    align-items: stretch;
    flex-direction: column;
}

.np-alert-actions.is-stack > *,
.np-notice-actions.is-stack > *,
.np-message-actions.is-stack > *,
.np-callout-actions.is-stack > *,
.np-banner-alert-actions.is-stack > *,
.np-form-feedback-actions.is-stack > *,
.np-system-message-actions.is-stack > * {
    width: 100%;
}

.np-alert-close,
.np-notice-close,
.np-message-close,
.np-callout-close,
.np-banner-alert-close,
.np-form-feedback-close,
.np-system-message-close,
.notice-dismiss,
.woocommerce-store-notice__dismiss-link,
.elementor-alert-dismiss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-alert-close-size, 2rem);
    min-width: var(--np-alert-close-size, 2rem);
    height: var(--np-alert-close-size, 2rem);
    margin: 0;
    padding: 0;
    background: var(--np-alert-close-background, rgba(15, 23, 42, 0.06));
    border: 0;
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-alert-close-color, #64748b);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: 1.125rem;
    font-weight: var(--np-font-weight-regular, 400);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--np-transition-fast, 160ms ease), color var(--np-transition-fast, 160ms ease), transform var(--np-transition-fast, 160ms ease);
}

.np-alert-close:hover,
.np-alert-close:focus,
.np-notice-close:hover,
.np-notice-close:focus,
.np-message-close:hover,
.np-message-close:focus,
.np-callout-close:hover,
.np-callout-close:focus,
.np-banner-alert-close:hover,
.np-banner-alert-close:focus,
.np-form-feedback-close:hover,
.np-form-feedback-close:focus,
.np-system-message-close:hover,
.np-system-message-close:focus,
.notice-dismiss:hover,
.notice-dismiss:focus,
.woocommerce-store-notice__dismiss-link:hover,
.woocommerce-store-notice__dismiss-link:focus,
.elementor-alert-dismiss:hover,
.elementor-alert-dismiss:focus {
    transform: scale(1.06);
    background: var(--np-alert-close-background-hover, rgba(15, 23, 42, 0.1));
    color: var(--np-alert-close-color-hover, #0f172a);
    text-decoration: none;
}

.np-alert-close::before,
.np-notice-close::before,
.np-message-close::before,
.np-callout-close::before,
.np-banner-alert-close::before,
.np-form-feedback-close::before,
.np-system-message-close::before {
    content: "×";
}

.np-alert.is-primary,
.np-notice.is-primary,
.np-message.is-primary,
.np-callout.is-primary,
.np-banner-alert.is-primary,
.np-form-feedback.is-primary,
.np-system-message.is-primary {
    --np-alert-background: var(--np-color-primary-soft, #eef2ff);
    --np-alert-border-color: var(--np-color-primary-subtle, #e0e7ff);
    --np-alert-accent-color: var(--np-color-primary, #4f46e5);
    --np-alert-title-color: var(--np-color-heading, #0f172a);
    --np-alert-text-color: #334155;
}

.np-alert.is-info,
.np-notice.is-info,
.np-message.is-info,
.np-callout.is-info,
.np-banner-alert.is-info,
.np-form-feedback.is-info,
.np-system-message.is-info,
.woocommerce-info,
.dokan-info,
.elementor-alert.elementor-alert-info {
    --np-alert-background: var(--np-color-info-soft, #dbeafe);
    --np-alert-border-color: rgba(37, 99, 235, 0.22);
    --np-alert-accent-color: var(--np-color-info, #2563eb);
    --np-alert-title-color: #1e3a8a;
    --np-alert-text-color: #1e40af;
}

.np-alert.is-success,
.np-notice.is-success,
.np-message.is-success,
.np-callout.is-success,
.np-banner-alert.is-success,
.np-form-feedback.is-success,
.np-system-message.is-success,
.woocommerce-message,
.woocommerce-notice--success,
.dokan-message,
.dokan-alert-success,
.elementor-alert.elementor-alert-success {
    --np-alert-background: var(--np-color-success-soft, #dcfce7);
    --np-alert-border-color: rgba(22, 163, 74, 0.22);
    --np-alert-accent-color: var(--np-color-success, #16a34a);
    --np-alert-title-color: #14532d;
    --np-alert-text-color: #166534;
}

.np-alert.is-warning,
.np-notice.is-warning,
.np-message.is-warning,
.np-callout.is-warning,
.np-banner-alert.is-warning,
.np-form-feedback.is-warning,
.np-system-message.is-warning,
.dokan-alert-warning,
.elementor-alert.elementor-alert-warning {
    --np-alert-background: var(--np-color-warning-soft, #fef3c7);
    --np-alert-border-color: rgba(245, 158, 11, 0.24);
    --np-alert-accent-color: var(--np-color-warning, #f59e0b);
    --np-alert-title-color: #78350f;
    --np-alert-text-color: #92400e;
}

.np-alert.is-danger,
.np-alert.is-error,
.np-notice.is-danger,
.np-notice.is-error,
.np-message.is-danger,
.np-message.is-error,
.np-callout.is-danger,
.np-callout.is-error,
.np-banner-alert.is-danger,
.np-banner-alert.is-error,
.np-form-feedback.is-danger,
.np-form-feedback.is-error,
.np-system-message.is-danger,
.np-system-message.is-error,
.woocommerce-error,
.woocommerce-notice--error,
.dokan-error,
.dokan-alert-danger,
.elementor-alert.elementor-alert-danger {
    --np-alert-background: var(--np-color-danger-soft, #fee2e2);
    --np-alert-border-color: rgba(220, 38, 38, 0.22);
    --np-alert-accent-color: var(--np-color-danger, #dc2626);
    --np-alert-title-color: #7f1d1d;
    --np-alert-text-color: #991b1b;
}

.np-alert.is-sky,
.np-notice.is-sky,
.np-message.is-sky,
.np-callout.is-sky,
.np-banner-alert.is-sky,
.np-form-feedback.is-sky,
.np-system-message.is-sky {
    --np-alert-background: var(--np-color-sky-soft, #e0f2fe);
    --np-alert-border-color: var(--np-color-sky-subtle, #bae6fd);
    --np-alert-accent-color: var(--np-color-sky-active, #0284c7);
    --np-alert-title-color: #075985;
    --np-alert-text-color: #0369a1;
}

.np-alert.is-teal,
.np-notice.is-teal,
.np-message.is-teal,
.np-callout.is-teal,
.np-banner-alert.is-teal,
.np-form-feedback.is-teal,
.np-system-message.is-teal {
    --np-alert-background: var(--np-color-teal-soft, #ccfbf1);
    --np-alert-border-color: var(--np-color-teal-subtle, #99f6e4);
    --np-alert-accent-color: var(--np-color-teal-active, #0f766e);
    --np-alert-title-color: #134e4a;
    --np-alert-text-color: #0f766e;
}

.np-alert.is-lime,
.np-notice.is-lime,
.np-message.is-lime,
.np-callout.is-lime,
.np-banner-alert.is-lime,
.np-form-feedback.is-lime,
.np-system-message.is-lime {
    --np-alert-background: var(--np-color-lime-soft, #ecfccb);
    --np-alert-border-color: var(--np-color-lime-subtle, #d9f99d);
    --np-alert-accent-color: var(--np-color-lime-active, #65a30d);
    --np-alert-title-color: #365314;
    --np-alert-text-color: #4d7c0f;
}

.np-alert.is-muted,
.np-notice.is-muted,
.np-message.is-muted,
.np-callout.is-muted,
.np-banner-alert.is-muted,
.np-form-feedback.is-muted,
.np-system-message.is-muted {
    --np-alert-background: var(--np-color-surface-muted, #f1f5f9);
    --np-alert-border-color: var(--np-color-border-soft, #e2e8f0);
    --np-alert-accent-color: var(--np-color-text-muted, #64748b);
    --np-alert-title-color: var(--np-color-heading, #0f172a);
    --np-alert-text-color: var(--np-color-text, #334155);
}

.np-alert.is-dark,
.np-notice.is-dark,
.np-message.is-dark,
.np-callout.is-dark,
.np-banner-alert.is-dark,
.np-form-feedback.is-dark,
.np-system-message.is-dark {
    --np-alert-background: var(--np-color-heading, #0f172a);
    --np-alert-border-color: rgba(255, 255, 255, 0.12);
    --np-alert-accent-color: var(--np-color-white, #ffffff);
    --np-alert-title-color: var(--np-color-white, #ffffff);
    --np-alert-text-color: rgba(255, 255, 255, 0.72);
    --np-alert-close-background: rgba(255, 255, 255, 0.08);
    --np-alert-close-color: rgba(255, 255, 255, 0.72);
    --np-alert-close-background-hover: rgba(255, 255, 255, 0.14);
    --np-alert-close-color-hover: var(--np-color-white, #ffffff);
}

.np-alert.is-gradient,
.np-notice.is-gradient,
.np-message.is-gradient,
.np-callout.is-gradient,
.np-banner-alert.is-gradient,
.np-form-feedback.is-gradient,
.np-system-message.is-gradient {
    --np-alert-background: var(--np-gradient-primary, linear-gradient(135deg, #4f46e5 0%, #38bdf8 100%));
    --np-alert-border-color: transparent;
    --np-alert-accent-color: var(--np-color-white, #ffffff);
    --np-alert-title-color: var(--np-color-white, #ffffff);
    --np-alert-text-color: rgba(255, 255, 255, 0.84);
    --np-alert-link-color: var(--np-color-white, #ffffff);
    --np-alert-link-color-hover: var(--np-color-white, #ffffff);
    --np-alert-close-background: rgba(255, 255, 255, 0.12);
    --np-alert-close-color: var(--np-color-white, #ffffff);
    --np-alert-close-background-hover: rgba(255, 255, 255, 0.2);
    --np-alert-close-color-hover: var(--np-color-white, #ffffff);
    box-shadow: var(--np-shadow-primary, 0 18px 48px rgba(79, 70, 229, 0.22));
}

.np-alert.is-solid,
.np-notice.is-solid,
.np-message.is-solid,
.np-callout.is-solid,
.np-banner-alert.is-solid,
.np-form-feedback.is-solid,
.np-system-message.is-solid {
    background: var(--np-alert-accent-color, #4f46e5);
    border-color: var(--np-alert-accent-color, #4f46e5);
    color: var(--np-color-white, #ffffff);
}

.np-alert.is-solid .np-alert-title,
.np-notice.is-solid .np-notice-title,
.np-message.is-solid .np-message-title,
.np-callout.is-solid .np-callout-title,
.np-banner-alert.is-solid .np-banner-alert-title,
.np-form-feedback.is-solid .np-form-feedback-title,
.np-system-message.is-solid .np-system-message-title,
.np-alert.is-solid .np-alert-text,
.np-notice.is-solid .np-notice-text,
.np-message.is-solid .np-message-text,
.np-callout.is-solid .np-callout-text,
.np-banner-alert.is-solid .np-banner-alert-text,
.np-form-feedback.is-solid .np-form-feedback-text,
.np-system-message.is-solid .np-system-message-text {
    color: var(--np-color-white, #ffffff);
}

.np-alert.is-solid .np-alert-icon,
.np-notice.is-solid .np-notice-icon,
.np-message.is-solid .np-message-icon,
.np-callout.is-solid .np-callout-icon,
.np-form-feedback.is-solid .np-form-feedback-icon,
.np-system-message.is-solid .np-system-message-icon {
    background: rgba(255, 255, 255, 0.16);
    color: var(--np-color-white, #ffffff);
}

.np-alert.is-outline,
.np-notice.is-outline,
.np-message.is-outline,
.np-callout.is-outline,
.np-banner-alert.is-outline,
.np-form-feedback.is-outline,
.np-system-message.is-outline {
    background: transparent;
    border-color: var(--np-alert-accent-color, #4f46e5);
}

.np-alert.is-left-border,
.np-notice.is-left-border,
.np-message.is-left-border,
.np-callout.is-left-border,
.np-banner-alert.is-left-border,
.np-form-feedback.is-left-border,
.np-system-message.is-left-border {
    border-inline-start-width: var(--np-alert-accent-width, 4px);
    border-inline-start-color: var(--np-alert-accent-color, #4f46e5);
}

.np-alert.is-top-border,
.np-notice.is-top-border,
.np-message.is-top-border,
.np-callout.is-top-border,
.np-banner-alert.is-top-border,
.np-form-feedback.is-top-border,
.np-system-message.is-top-border {
    border-block-start-width: var(--np-alert-accent-width, 4px);
    border-block-start-color: var(--np-alert-accent-color, #4f46e5);
}

.np-alert::before,
.np-notice::before,
.np-message::before,
.np-callout::before,
.np-banner-alert::before,
.np-form-feedback::before,
.np-system-message::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    display: none;
    width: var(--np-alert-accent-width, 4px);
    background: var(--np-alert-accent-color, #4f46e5);
    content: "";
}

[dir="rtl"] .np-alert::before,
[dir="rtl"] .np-notice::before,
[dir="rtl"] .np-message::before,
[dir="rtl"] .np-callout::before,
[dir="rtl"] .np-banner-alert::before,
[dir="rtl"] .np-form-feedback::before,
[dir="rtl"] .np-system-message::before,
.rtl .np-alert::before,
.rtl .np-notice::before,
.rtl .np-message::before,
.rtl .np-callout::before,
.rtl .np-banner-alert::before,
.rtl .np-form-feedback::before,
.rtl .np-system-message::before {
    inset-inline-start: auto;
    inset-inline-end: 0;
}

.np-alert.is-accent::before,
.np-notice.is-accent::before,
.np-message.is-accent::before,
.np-callout.is-accent::before,
.np-banner-alert.is-accent::before,
.np-form-feedback.is-accent::before,
.np-system-message.is-accent::before {
    display: block;
}

.np-alert.is-accent,
.np-notice.is-accent,
.np-message.is-accent,
.np-callout.is-accent,
.np-banner-alert.is-accent,
.np-form-feedback.is-accent,
.np-system-message.is-accent {
    padding-inline-start: calc(var(--np-alert-padding-x, 1rem) + var(--np-alert-accent-width, 4px));
}

[dir="rtl"] .np-alert.is-accent,
[dir="rtl"] .np-notice.is-accent,
[dir="rtl"] .np-message.is-accent,
[dir="rtl"] .np-callout.is-accent,
[dir="rtl"] .np-banner-alert.is-accent,
[dir="rtl"] .np-form-feedback.is-accent,
[dir="rtl"] .np-system-message.is-accent,
.rtl .np-alert.is-accent,
.rtl .np-notice.is-accent,
.rtl .np-message.is-accent,
.rtl .np-callout.is-accent,
.rtl .np-banner-alert.is-accent,
.rtl .np-form-feedback.is-accent,
.rtl .np-system-message.is-accent {
    padding-inline-start: var(--np-alert-padding-x, 1rem);
    padding-inline-end: calc(var(--np-alert-padding-x, 1rem) + var(--np-alert-accent-width, 4px));
}

.np-callout {
    --np-alert-padding-y: 1.25rem;
    --np-alert-padding-x: 1.25rem;
    --np-alert-radius: 1.5rem;
    --np-alert-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.np-banner-alert {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.np-banner-alert.is-sticky {
    position: sticky;
    inset-block-start: var(--np-admin-offset, 0px);
    z-index: var(--np-z-index-sticky, 800);
}

.np-banner-alert.is-fixed-top,
.np-banner-alert.is-fixed-bottom {
    position: fixed;
    inset-inline: 0;
    z-index: var(--np-z-index-notice, 1200);
}

.np-banner-alert.is-fixed-top {
    inset-block-start: var(--np-admin-offset, 0px);
}

.np-banner-alert.is-fixed-bottom {
    inset-block-end: 0;
}

.np-inline-alert,
.np-inline-notice,
.np-field-message,
.np-input-message,
.np-validation-message {
    display: flex;
    align-items: flex-start;
    gap: var(--np-spacing-xs, 0.5rem);
    width: 100%;
    margin-block-start: var(--np-spacing-xs, 0.5rem);
    color: var(--np-alert-accent-color, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-inline-alert::before,
.np-inline-notice::before,
.np-field-message::before,
.np-input-message::before,
.np-validation-message::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    margin-block-start: 0.125rem;
    border-radius: var(--np-radius-circle, 50%);
    color: currentColor;
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: 0.75rem;
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
    content: "i";
}

.np-inline-alert.is-success,
.np-inline-notice.is-success,
.np-field-message.is-success,
.np-input-message.is-success,
.np-validation-message.is-success {
    color: var(--np-color-success, #16a34a);
}

.np-inline-alert.is-success::before,
.np-inline-notice.is-success::before,
.np-field-message.is-success::before,
.np-input-message.is-success::before,
.np-validation-message.is-success::before {
    content: "✓";
}

.np-inline-alert.is-warning,
.np-inline-notice.is-warning,
.np-field-message.is-warning,
.np-input-message.is-warning,
.np-validation-message.is-warning {
    color: var(--np-color-warning-hover, #d97706);
}

.np-inline-alert.is-warning::before,
.np-inline-notice.is-warning::before,
.np-field-message.is-warning::before,
.np-input-message.is-warning::before,
.np-validation-message.is-warning::before {
    content: "!";
}

.np-inline-alert.is-danger,
.np-inline-alert.is-error,
.np-inline-notice.is-danger,
.np-inline-notice.is-error,
.np-field-message.is-danger,
.np-field-message.is-error,
.np-input-message.is-danger,
.np-input-message.is-error,
.np-validation-message.is-danger,
.np-validation-message.is-error {
    color: var(--np-color-danger, #dc2626);
}

.np-inline-alert.is-danger::before,
.np-inline-alert.is-error::before,
.np-inline-notice.is-danger::before,
.np-inline-notice.is-error::before,
.np-field-message.is-danger::before,
.np-field-message.is-error::before,
.np-input-message.is-danger::before,
.np-input-message.is-error::before,
.np-validation-message.is-danger::before,
.np-validation-message.is-error::before {
    content: "×";
}

.np-inline-alert.is-info,
.np-inline-notice.is-info,
.np-field-message.is-info,
.np-input-message.is-info,
.np-validation-message.is-info {
    color: var(--np-color-info, #2563eb);
}

.np-alert-stack,
.np-notice-stack,
.np-message-stack,
.np-system-message-stack {
    display: grid;
    gap: var(--np-alert-stack-gap, 1rem);
    width: 100%;
    min-width: 0;
}

.np-alert-region,
.np-notice-region,
.np-message-region {
    display: grid;
    gap: var(--np-alert-region-gap, 1rem);
    width: 100%;
    min-width: 0;
}

.np-alert-region.is-fixed,
.np-notice-region.is-fixed,
.np-message-region.is-fixed {
    position: fixed;
    z-index: var(--np-z-index-notice, 1200);
    width: min(var(--np-alert-region-width, 420px), calc(100vw - 2rem));
    pointer-events: none;
}

.np-alert-region.is-fixed > *,
.np-notice-region.is-fixed > *,
.np-message-region.is-fixed > * {
    pointer-events: auto;
}

.np-alert-region.is-top-start,
.np-notice-region.is-top-start,
.np-message-region.is-top-start {
    inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-lg, 1.5rem));
    inset-inline-start: var(--np-spacing-lg, 1.5rem);
}

.np-alert-region.is-top-end,
.np-notice-region.is-top-end,
.np-message-region.is-top-end {
    inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-lg, 1.5rem));
    inset-inline-end: var(--np-spacing-lg, 1.5rem);
}

.np-alert-region.is-bottom-start,
.np-notice-region.is-bottom-start,
.np-message-region.is-bottom-start {
    inset-block-end: var(--np-spacing-lg, 1.5rem);
    inset-inline-start: var(--np-spacing-lg, 1.5rem);
}

.np-alert-region.is-bottom-end,
.np-notice-region.is-bottom-end,
.np-message-region.is-bottom-end {
    inset-block-end: var(--np-spacing-lg, 1.5rem);
    inset-inline-end: var(--np-spacing-lg, 1.5rem);
}

.np-alert-region.is-top-center,
.np-notice-region.is-top-center,
.np-message-region.is-top-center {
    inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-lg, 1.5rem));
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.np-alert-region.is-bottom-center,
.np-notice-region.is-bottom-center,
.np-message-region.is-bottom-center {
    inset-block-end: var(--np-spacing-lg, 1.5rem);
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

[dir="rtl"] .np-alert-region.is-top-center,
[dir="rtl"] .np-notice-region.is-top-center,
[dir="rtl"] .np-message-region.is-top-center,
[dir="rtl"] .np-alert-region.is-bottom-center,
[dir="rtl"] .np-notice-region.is-bottom-center,
[dir="rtl"] .np-message-region.is-bottom-center,
.rtl .np-alert-region.is-top-center,
.rtl .np-notice-region.is-top-center,
.rtl .np-message-region.is-top-center,
.rtl .np-alert-region.is-bottom-center,
.rtl .np-notice-region.is-bottom-center,
.rtl .np-message-region.is-bottom-center {
    transform: translateX(50%);
}

.np-alert.is-entering,
.np-notice.is-entering,
.np-message.is-entering,
.np-system-message.is-entering {
    animation: np-alert-enter var(--np-alert-animation-duration, 260ms) ease both;
}

.np-alert.is-leaving,
.np-notice.is-leaving,
.np-message.is-leaving,
.np-system-message.is-leaving {
    animation: np-alert-leave var(--np-alert-animation-duration, 220ms) ease both;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notice {
    clear: both;
    padding: var(--np-alert-padding-y, 1rem) var(--np-alert-padding-x, 1rem);
    border-top: 0;
    list-style: none outside;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
}

.woocommerce-message::before {
    content: "✓";
}

.woocommerce-info::before {
    content: "i";
}

.woocommerce-error::before {
    content: "!";
}

.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
    order: 3;
    align-self: center;
    margin: 0;
    white-space: nowrap;
}

.woocommerce-error {
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: var(--np-alert-margin, 0 0 1rem);
}

.woocommerce-error li {
    grid-column: 2 / 4;
}

.woocommerce-error li:first-child {
    grid-column: 2 / 4;
}

.woocommerce-store-notice,
p.demo_store {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: var(--np-z-index-notice, 1200);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-sm, 0.75rem);
    min-height: var(--np-store-notice-height, 3rem);
    margin: 0;
    padding-block: var(--np-spacing-sm, 0.75rem);
    padding-inline: var(--np-container-padding, 1rem);
    background: var(--np-color-heading, #0f172a);
    color: var(--np-color-white, #ffffff);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    box-shadow: 0 -12px 32px rgba(15, 23, 42, 0.16);
}

.woocommerce-store-notice a,
p.demo_store a {
    color: var(--np-color-white, #ffffff);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.woocommerce-store-notice__dismiss-link {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin-inline-start: var(--np-spacing-sm, 0.75rem);
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: var(--np-color-white, #ffffff);
    font-size: inherit;
    text-decoration: underline;
}

.dokan-alert,
.dokan-message,
.dokan-info,
.dokan-error {
    padding: var(--np-alert-padding-y, 1rem) var(--np-alert-padding-x, 1rem);
    border: var(--np-border-width, 1px) solid var(--np-alert-border-color, #e0e7ff);
    border-radius: var(--np-alert-radius, 1.25rem);
    background: var(--np-alert-background, #eef2ff);
}

.dokan-alert::before,
.dokan-message::before,
.dokan-info::before,
.dokan-error::before {
    position: static;
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
}

.dokan-message::before {
    content: "✓";
}

.dokan-info::before {
    content: "i";
}

.dokan-error::before {
    content: "!";
}

.elementor-alert {
    padding: var(--np-alert-padding-y, 1rem) var(--np-alert-padding-x, 1rem);
    border: var(--np-border-width, 1px) solid var(--np-alert-border-color, #e0e7ff);
}

.elementor-alert::before {
    content: "i";
}

.elementor-alert .elementor-alert-title {
    display: block;
    margin: 0;
}

.elementor-alert .elementor-alert-description {
    display: block;
    margin: 0;
}

.elementor-alert .elementor-alert-dismiss {
    position: static;
    opacity: 1;
}

.wp-block-notice,
.wp-block-alert,
.wp-block-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--np-alert-gap, 0.875rem);
    padding-block: var(--np-alert-padding-y, 1rem);
    padding-inline: var(--np-alert-padding-x, 1rem);
    background: var(--np-alert-background, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-alert-border-color, #e0e7ff);
    border-radius: var(--np-alert-radius, 1.25rem);
    color: var(--np-alert-text-color, #334155);
}

.wp-block-notice > *:first-child,
.wp-block-alert > *:first-child,
.wp-block-warning > *:first-child {
    margin-block-start: 0;
}

.wp-block-notice > *:last-child,
.wp-block-alert > *:last-child,
.wp-block-warning > *:last-child {
    margin-block-end: 0;
}

.np-section-dark .np-alert,
.np-section-dark .np-notice,
.np-section-dark .np-message,
.np-section-dark .np-callout,
.np-section-dark .np-banner-alert,
.np-section-dark .np-form-feedback,
.np-section-dark .np-system-message,
.np-layout-dark .np-alert,
.np-layout-dark .np-notice,
.np-layout-dark .np-message,
.np-layout-dark .np-callout,
.np-layout-dark .np-banner-alert,
.np-layout-dark .np-form-feedback,
.np-layout-dark .np-system-message {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
    box-shadow: none;
}

.np-section-dark .np-alert-title,
.np-section-dark .np-notice-title,
.np-section-dark .np-message-title,
.np-section-dark .np-callout-title,
.np-section-dark .np-banner-alert-title,
.np-section-dark .np-form-feedback-title,
.np-section-dark .np-system-message-title,
.np-layout-dark .np-alert-title,
.np-layout-dark .np-notice-title,
.np-layout-dark .np-message-title,
.np-layout-dark .np-callout-title,
.np-layout-dark .np-banner-alert-title,
.np-layout-dark .np-form-feedback-title,
.np-layout-dark .np-system-message-title {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-alert-text,
.np-section-dark .np-notice-text,
.np-section-dark .np-message-text,
.np-section-dark .np-callout-text,
.np-section-dark .np-banner-alert-text,
.np-section-dark .np-form-feedback-text,
.np-section-dark .np-system-message-text,
.np-section-dark .np-alert-description,
.np-section-dark .np-notice-description,
.np-section-dark .np-message-description,
.np-section-dark .np-callout-description,
.np-section-dark .np-banner-alert-description,
.np-section-dark .np-form-feedback-description,
.np-section-dark .np-system-message-description,
.np-layout-dark .np-alert-text,
.np-layout-dark .np-notice-text,
.np-layout-dark .np-message-text,
.np-layout-dark .np-callout-text,
.np-layout-dark .np-banner-alert-text,
.np-layout-dark .np-form-feedback-text,
.np-layout-dark .np-system-message-text,
.np-layout-dark .np-alert-description,
.np-layout-dark .np-notice-description,
.np-layout-dark .np-message-description,
.np-layout-dark .np-callout-description,
.np-layout-dark .np-banner-alert-description,
.np-layout-dark .np-form-feedback-description,
.np-layout-dark .np-system-message-description {
    color: rgba(255, 255, 255, 0.72);
}

.np-section-dark .np-alert-icon,
.np-section-dark .np-notice-icon,
.np-section-dark .np-message-icon,
.np-section-dark .np-callout-icon,
.np-section-dark .np-form-feedback-icon,
.np-section-dark .np-system-message-icon,
.np-layout-dark .np-alert-icon,
.np-layout-dark .np-notice-icon,
.np-layout-dark .np-message-icon,
.np-layout-dark .np-callout-icon,
.np-layout-dark .np-form-feedback-icon,
.np-layout-dark .np-system-message-icon {
    background: rgba(255, 255, 255, 0.08);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-alert-close,
.np-section-dark .np-notice-close,
.np-section-dark .np-message-close,
.np-section-dark .np-callout-close,
.np-section-dark .np-banner-alert-close,
.np-section-dark .np-form-feedback-close,
.np-section-dark .np-system-message-close,
.np-layout-dark .np-alert-close,
.np-layout-dark .np-notice-close,
.np-layout-dark .np-message-close,
.np-layout-dark .np-callout-close,
.np-layout-dark .np-banner-alert-close,
.np-layout-dark .np-form-feedback-close,
.np-layout-dark .np-system-message-close {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
}

.np-section-dark .np-alert-close:hover,
.np-section-dark .np-alert-close:focus,
.np-section-dark .np-notice-close:hover,
.np-section-dark .np-notice-close:focus,
.np-section-dark .np-message-close:hover,
.np-section-dark .np-message-close:focus,
.np-section-dark .np-callout-close:hover,
.np-section-dark .np-callout-close:focus,
.np-section-dark .np-banner-alert-close:hover,
.np-section-dark .np-banner-alert-close:focus,
.np-section-dark .np-form-feedback-close:hover,
.np-section-dark .np-form-feedback-close:focus,
.np-section-dark .np-system-message-close:hover,
.np-section-dark .np-system-message-close:focus,
.np-layout-dark .np-alert-close:hover,
.np-layout-dark .np-alert-close:focus,
.np-layout-dark .np-notice-close:hover,
.np-layout-dark .np-notice-close:focus,
.np-layout-dark .np-message-close:hover,
.np-layout-dark .np-message-close:focus,
.np-layout-dark .np-callout-close:hover,
.np-layout-dark .np-callout-close:focus,
.np-layout-dark .np-banner-alert-close:hover,
.np-layout-dark .np-banner-alert-close:focus,
.np-layout-dark .np-form-feedback-close:hover,
.np-layout-dark .np-form-feedback-close:focus,
.np-layout-dark .np-system-message-close:hover,
.np-layout-dark .np-system-message-close:focus {
    background: rgba(255, 255, 255, 0.14);
    color: var(--np-color-white, #ffffff);
}

@keyframes np-alert-enter {
    from {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes np-alert-leave {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(0.75rem);
    }
}

@media (max-width: 1024px) {
    .np-alert-region.is-fixed,
    .np-notice-region.is-fixed,
    .np-message-region.is-fixed {
        width: min(var(--np-alert-region-width-tablet, 380px), calc(100vw - 2rem));
    }
}

@media (max-width: 782px) {
    .np-alert,
    .np-notice,
    .np-message,
    .np-callout,
    .np-banner-alert,
    .np-form-feedback,
    .np-system-message,
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-notice,
    .dokan-alert,
    .dokan-message,
    .dokan-info,
    .dokan-error,
    .elementor-alert {
        grid-template-columns: auto minmax(0, 1fr);
        gap: var(--np-alert-gap-mobile, 0.75rem);
        padding-block: var(--np-alert-padding-y-mobile, 0.875rem);
        padding-inline: var(--np-alert-padding-x-mobile, 0.875rem);
        border-radius: var(--np-alert-radius-mobile, 1rem);
        font-size: var(--np-alert-font-size-mobile, 0.875rem);
    }

    .np-alert-close,
    .np-notice-close,
    .np-message-close,
    .np-callout-close,
    .np-banner-alert-close,
    .np-form-feedback-close,
    .np-system-message-close,
    .notice-dismiss,
    .woocommerce-store-notice__dismiss-link,
    .elementor-alert-dismiss {
        grid-column: 1 / -1;
        justify-self: end;
        width: var(--np-alert-close-size-mobile, 1.875rem);
        min-width: var(--np-alert-close-size-mobile, 1.875rem);
        height: var(--np-alert-close-size-mobile, 1.875rem);
    }

    .np-alert.is-no-icon,
    .np-notice.is-no-icon,
    .np-message.is-no-icon,
    .np-callout.is-no-icon,
    .np-form-feedback.is-no-icon,
    .np-system-message.is-no-icon {
        grid-template-columns: minmax(0, 1fr);
    }

    .np-alert.is-inline,
    .np-notice.is-inline,
    .np-message.is-inline,
    .np-callout.is-inline,
    .np-form-feedback.is-inline,
    .np-system-message.is-inline {
        display: grid;
        width: 100%;
    }

    .np-alert-actions,
    .np-notice-actions,
    .np-message-actions,
    .np-callout-actions,
    .np-banner-alert-actions,
    .np-form-feedback-actions,
    .np-system-message-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .np-alert-actions > *,
    .np-notice-actions > *,
    .np-message-actions > *,
    .np-callout-actions > *,
    .np-banner-alert-actions > *,
    .np-form-feedback-actions > *,
    .np-system-message-actions > * {
        width: 100%;
    }

    .np-banner-alert {
        border-radius: 0;
    }

    .np-alert-region.is-fixed,
    .np-notice-region.is-fixed,
    .np-message-region.is-fixed {
        inset-inline: var(--np-spacing-md, 1rem);
        width: auto;
    }

    .np-alert-region.is-top-start,
    .np-notice-region.is-top-start,
    .np-message-region.is-top-start,
    .np-alert-region.is-top-end,
    .np-notice-region.is-top-end,
    .np-message-region.is-top-end,
    .np-alert-region.is-top-center,
    .np-notice-region.is-top-center,
    .np-message-region.is-top-center {
        inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-md, 1rem));
        transform: none;
    }

    .np-alert-region.is-bottom-start,
    .np-notice-region.is-bottom-start,
    .np-message-region.is-bottom-start,
    .np-alert-region.is-bottom-end,
    .np-notice-region.is-bottom-end,
    .np-message-region.is-bottom-end,
    .np-alert-region.is-bottom-center,
    .np-notice-region.is-bottom-center,
    .np-message-region.is-bottom-center {
        inset-block-end: var(--np-spacing-md, 1rem);
        transform: none;
    }

    .woocommerce-message .button,
    .woocommerce-error .button,
    .woocommerce-info .button {
        grid-column: 1 / -1;
        width: 100%;
        margin-block-start: var(--np-spacing-xs, 0.5rem);
    }

    .woocommerce-error li {
        grid-column: 2;
    }

    .woocommerce-store-notice,
    p.demo_store {
        flex-direction: column;
        min-height: 0;
        padding-block: var(--np-spacing-md, 1rem);
    }

    .woocommerce-store-notice__dismiss-link {
        margin-inline-start: 0;
    }
}

@media (max-width: 480px) {
    .np-alert,
    .np-notice,
    .np-message,
    .np-callout,
    .np-banner-alert,
    .np-form-feedback,
    .np-system-message,
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-notice,
    .dokan-alert,
    .dokan-message,
    .dokan-info,
    .dokan-error,
    .elementor-alert {
        gap: var(--np-alert-gap-small, 0.625rem);
        padding-block: var(--np-alert-padding-y-small, 0.75rem);
        padding-inline: var(--np-alert-padding-x-small, 0.75rem);
        border-radius: var(--np-alert-radius-small, 0.875rem);
        font-size: var(--np-font-size-sm, 0.875rem);
    }

    .np-alert-icon,
    .np-notice-icon,
    .np-message-icon,
    .np-callout-icon,
    .np-form-feedback-icon,
    .np-system-message-icon,
    .woocommerce-message::before,
    .woocommerce-error::before,
    .woocommerce-info::before,
    .dokan-alert::before,
    .dokan-message::before,
    .dokan-info::before,
    .dokan-error::before,
    .elementor-alert::before {
        width: var(--np-alert-icon-size-small, 1.75rem);
        min-width: var(--np-alert-icon-size-small, 1.75rem);
        height: var(--np-alert-icon-size-small, 1.75rem);
        font-size: var(--np-alert-icon-font-size-small, 0.875rem);
    }

    .np-alert-title,
    .np-notice-title,
    .np-message-title,
    .np-callout-title,
    .np-banner-alert-title,
    .np-form-feedback-title,
    .np-system-message-title,
    .elementor-alert .elementor-alert-title {
        font-size: var(--np-alert-title-size-small, 0.9375rem);
    }

    .np-alert-region.is-fixed,
    .np-notice-region.is-fixed,
    .np-message-region.is-fixed {
        inset-inline: var(--np-spacing-sm, 0.75rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-alert,
    .np-notice,
    .np-message,
    .np-callout,
    .np-banner-alert,
    .np-form-feedback,
    .np-system-message,
    .np-alert-close,
    .np-notice-close,
    .np-message-close,
    .np-callout-close,
    .np-banner-alert-close,
    .np-form-feedback-close,
    .np-system-message-close,
    .notice-dismiss,
    .woocommerce-store-notice__dismiss-link,
    .elementor-alert-dismiss {
        transition: none !important;
        animation: none !important;
    }

    .np-alert-close:hover,
    .np-alert-close:focus,
    .np-notice-close:hover,
    .np-notice-close:focus,
    .np-message-close:hover,
    .np-message-close:focus,
    .np-callout-close:hover,
    .np-callout-close:focus,
    .np-banner-alert-close:hover,
    .np-banner-alert-close:focus,
    .np-form-feedback-close:hover,
    .np-form-feedback-close:focus,
    .np-system-message-close:hover,
    .np-system-message-close:focus {
        transform: none !important;
    }
}

@media print {
    .np-alert,
    .np-notice,
    .np-message,
    .np-callout,
    .np-banner-alert,
    .np-form-feedback,
    .np-system-message,
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-notice,
    .dokan-alert,
    .dokan-message,
    .dokan-info,
    .dokan-error,
    .elementor-alert,
    .wp-block-notice,
    .wp-block-alert,
    .wp-block-warning {
        break-inside: avoid;
        background: #ffffff !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    .np-alert-title,
    .np-notice-title,
    .np-message-title,
    .np-callout-title,
    .np-banner-alert-title,
    .np-form-feedback-title,
    .np-system-message-title,
    .np-alert-text,
    .np-notice-text,
    .np-message-text,
    .np-callout-text,
    .np-banner-alert-text,
    .np-form-feedback-text,
    .np-system-message-text {
        color: #000000 !important;
    }

    .np-alert-icon,
    .np-notice-icon,
    .np-message-icon,
    .np-callout-icon,
    .np-form-feedback-icon,
    .np-system-message-icon {
        background: #ffffff !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
    }

    .np-alert-close,
    .np-notice-close,
    .np-message-close,
    .np-callout-close,
    .np-banner-alert-close,
    .np-form-feedback-close,
    .np-system-message-close,
    .notice-dismiss,
    .woocommerce-store-notice__dismiss-link,
    .elementor-alert-dismiss,
    .woocommerce-store-notice,
    p.demo_store {
        display: none !important;
    }
}