/* Bright Addons: Alert / Notice Box */
.e-con > .elementor-widget-bafe-alert,
.e-con-inner > .elementor-widget-bafe-alert {
	width: var(--container-widget-width, 100%);
	--flex-grow: var(--container-widget-flex-grow);
}

.bafe-alert {
	--bafe-al-accent: #2563eb;
	--bafe-al-soft: #eff5ff;
	--bafe-al-bar: 4px;
	--bafe-al-text: #1d1b36;
	position: relative;
	display: flex;
	align-items: flex-start;
	column-gap: 14px;
	row-gap: 14px;
	box-sizing: border-box;
	padding: 16px 20px;
	border: 0 solid var(--bafe-al-accent);
	border-radius: 10px;
	background-color: var(--bafe-al-soft);
	color: var(--bafe-al-text);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Type colors */
.bafe-alert--type-success .bafe-alert {
	--bafe-al-accent: #15803d;
	--bafe-al-soft: #ecfdf3;
}

.bafe-alert--type-warning .bafe-alert {
	--bafe-al-accent: #b45309;
	--bafe-al-soft: #fff8eb;
}

.bafe-alert--type-error .bafe-alert {
	--bafe-al-accent: #c0262d;
	--bafe-al-soft: #fff1f1;
}

.bafe-alert--type-note .bafe-alert {
	--bafe-al-accent: #5b4bff;
	--bafe-al-soft: #f4f2ff;
}

/* Looks */
.bafe-alert--look-soft .bafe-alert {
	--bafe-al-bar: 1px;
	border-width: var(--bafe-al-bar);
	border-color: color-mix(in srgb, var(--bafe-al-accent) 28%, transparent);
}

.bafe-alert--look-accent .bafe-alert {
	border-left-width: var(--bafe-al-bar);
	border-radius: 4px 10px 10px 4px;
}

[dir="rtl"] .bafe-alert--look-accent .bafe-alert {
	border-right-width: var(--bafe-al-bar);
	border-left-width: 0;
	border-radius: 10px 4px 4px 10px;
}

.bafe-alert--look-outline .bafe-alert {
	--bafe-al-bar: 1.5px;
	border-width: var(--bafe-al-bar);
	background-color: transparent;
}

.bafe-alert--look-solid .bafe-alert {
	--bafe-al-text: #fff;
	--bafe-al-icon: #fff;
	background-color: var(--bafe-al-accent);
}

.bafe-alert--icon-top .bafe-alert {
	flex-direction: column;
}

.bafe-alert__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	color: var(--bafe-al-icon, var(--bafe-al-accent));
	font-size: 22px;
	line-height: 1;
}

.bafe-alert__icon svg {
	width: 1em;
	height: 1em;
}

.bafe-alert__icon .e-font-icon-svg {
	fill: currentColor;
}

.bafe-alert__body {
	flex: 1 1 auto;
	min-width: 0;
}

.bafe-alert .bafe-alert__title {
	margin: 0 0 4px;
	padding: 0;
	color: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
}

.bafe-alert .bafe-alert__desc {
	margin: 0;
	color: inherit;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.bafe-alert .bafe-alert__desc p {
	margin: 0 0 0.6em;
}

.bafe-alert .bafe-alert__desc p:last-child {
	margin-bottom: 0;
}

.bafe-alert__link {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Close button: 3-class reset so theme and kit button styles do not leak in. */
.bafe-alert .bafe-alert__body + .bafe-alert__close,
.bafe-alert .bafe-alert__icon ~ .bafe-alert__close,
.bafe-alert .bafe-alert__close.bafe-alert__close {
	appearance: none;
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	min-height: 0;
	margin: -4px -6px 0 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font-family: inherit;
	font-size: 1rem;
	letter-spacing: normal;
	line-height: 1;
	text-transform: none;
	opacity: 0.7;
	cursor: pointer;
}

.bafe-alert .bafe-alert__close:hover,
.bafe-alert .bafe-alert__close:focus-visible {
	background-color: rgba(0, 0, 0, 0.07);
	color: inherit;
	opacity: 1;
}

.bafe-alert .bafe-alert__close:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}

.bafe-alert__close svg {
	width: 18px;
	height: 18px;
}

.bafe-alert--icon-top .bafe-alert .bafe-alert__close {
	position: absolute;
	top: 12px;
	right: 12px;
	margin: 0;
}

[dir="rtl"] .bafe-alert .bafe-alert__close {
	margin: -4px 0 0 -6px;
}

.bafe-alert.is-closing {
	opacity: 0;
	transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
	.bafe-alert {
		transition: none;
	}
}

.elementor-widget-bafe-alert[hidden],
.bafe-alert[hidden],
.bafe-alert [hidden] {
	display: none !important;
}