.store-notice-wrapper {
	padding: 20px;
	border-radius: 10px;
	background-color: color-mix(in srgb,
			var(--e-global-color-primary) 30%,
			white 70%);
}

.store-notice-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.store-notice-icon svg {
	fill: var(--e-global-color-primary);
}

.store-notice-close svg {
	cursor: pointer;
	fill: var(--e-global-color-primary);
}

/* Store Closed Notice Banner */
.store-closed-notice {
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background-color: #ffffff;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	/* Use Elementor primary typography */
	font-family: var(--e-global-typography-primary-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: var(--e-global-typography-primary-font-size, 16px);
	font-weight: var(--e-global-typography-primary-font-weight, 400);
	line-height: var(--e-global-typography-primary-line-height, 1.5);
}

/* Removed colored background overlay - using white background instead */

.store-closed-notice-svg path {
	fill: var(--e-global-color-primary);
	/* Change to desired color */
}

.store-notice-icon,
.store-notice-close {
	flex: 0 0 auto;
	/* Prevents stretching; the elements will maintain their intrinsic size */
}

/* Store closed text styling */
.store-closed-text {
	flex-shrink: 0;
	margin: 0;
	text-align: center;
	/* Inherit typography from parent */
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.store-notice-text h2 {
	margin-top: 0;
}