.avidly-alerts-container {
	/* This container now behaves as a standard block element */
}

.avidly-alert {
	display: none; /* JS will set to 'block' */
	position: relative;
	overflow: hidden;
	/* Explicitly define the transition to avoid conflicts with theme's global transitions (e.g., transition-all) */
	transition-property: max-height;
	transition-timing-function: ease-in-out;
	/* Duration is now set inline via PHP */
	/* Add a hint for browsers to optimize the animation */
	will-change: max-height;
	/* All styling is now handled by the editor content. */
	/* This container is now essentially a transparent wrapper. */
}

.avidly-alert-content {
	/* Reverting to a simple block container. The grid system is no longer needed. */
}

/* This rule can still be helpful for full-width blocks */
.avidly-alert-content > .alignfull {
	width: 100%;
}

/*
 * Force Gutenberg's justification classes to work inside the alert context.
 * These are needed because the alert container is outside the theme's main content area.
*/
.avidly-alert-content .is-content-justification-center {
	justify-content: center !important;
}
.avidly-alert-content .is-content-justification-right {
	justify-content: flex-end !important;
}
.avidly-alert-content .is-content-justification-left {
	justify-content: flex-start !important;
}
.avidly-alert-close{
    cursor: pointer;
}

.avidly-alert-close-default {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	padding: 0.5rem;
	background: none;
	border: 0;
	cursor: pointer;
	z-index: 10; /* To stay above content */
	/* Minimal styling for the default button */
	font-size: 1.5rem;
	line-height: 1;
	color: #000;
	opacity: 0.5;
}

.avidly-alert-close-default:hover {
	opacity: 0.75;
}