/* Modern Alerts */
.modern-alert {
	display: flex;
	align-items: center;
	background-color: #f1f1f1;
	border-left: 5px solid;
	border-radius: 8px;
	padding: 15px 20px;
	margin: 20px auto;
	max-width: 100%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	position: relative;
	font-size: 15px;
	gap: 12px;
	flex-wrap: wrap;
}
.alert-success { 
	border-color: #28a745; 
	background-color: #e6f9ed; 
	color: #157347; 
}
.alert-danger { 
	border-color: #dc3545; 
	background-color: #fdecea; 
	color: #842029; 
}
.alert-info { 
	border-color: #0dcaf0; 
	background-color: #e9f7fd; 
	color: #055160; 
}
.alert-icon {
	font-size: 22px;
}
.alert-content {
	flex: 1;
	min-width: 200px;
	font-family: "Jost", sans-serif;
    letter-spacing: 1px;
}
.alert-close {
	background: none;
	border: none;
	font-size: 22px;
	color: inherit;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 12px;
	line-height: 1;
}
/* Responsive Design */
@media (max-width: 768px) {
	.modern-alert {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
		padding: 15px;
	}
	.alert-close {
		top: 10px;
		right: 10px;
	}
}