/* ***************************************
	Messages
*************************************** */
@mixin elgg-message {
	color: #(0);
	background-color: #(1);
	border-color: #(2);
}

.elgg-message {
	border-width: 1px;
	border-style: solid;
	@include elgg-message(var(--elgg-text-color-strong), var(--elgg-background-color-soft), var(--elgg-border-color-strong));

	border-radius: 3px;
	
	margin-bottom: 1rem;
	
	&.elgg-message-success {
		@include elgg-message(var(--elgg-state-success-font-color), var(--elgg-state-success-background-color), var(--elgg-state-success-border-color));
	}

	&.elgg-message-error {
		@include elgg-message(var(--elgg-state-danger-font-color), var(--elgg-state-danger-background-color), var(--elgg-state-danger-border-color));
	}
	&.elgg-message-help,
	&.elgg-message-info,
	&.elgg-message-notice {
		@include elgg-message(var(--elgg-state-notice-font-color), var(--elgg-state-notice-background-color), var(--elgg-state-notice-border-color));
	}
	&.elgg-message-warning {
		@include elgg-message(var(--elgg-state-warning-font-color), var(--elgg-state-warning-background-color), var(--elgg-state-warning-border-color));
	}
	
	> .elgg-inner {
		border-color: inherit;
	
		> .elgg-head {
			display: flex;
			align-items: center;
			
			background-color: rgba(255,255,255,0.7);
			
			padding: 0.5rem 1rem;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: inherit;
			
			> .elgg-message-icon,
			> .elgg-message-title {
				padding-right: 1rem;
				font-weight: bold;
			}

			> .elgg-message-menu {
				margin-left: auto;
			}
		}
		
		> div:last-child {
			border-bottom: 0;
		}
		
		> .elgg-body {
			padding: 1rem;
			
			p {
				margin: 0;
			}
			
			a {
				text-decoration: underline;
			}
		}
	}
}
