/* Alertify overrides – stejný styl jako v administraci (full width na spodku, slide-up animace) + Manrope font z frontu. */

.alertify, .alertify-log {
	font-family: 'Manrope', sans-serif;
}

.alertify { border-radius: 0; border: none; }
.alertify-cover { background-color: #000; opacity: 0.5!important; }

.alertify-logs {
	width: 100%;
	top: auto;
	bottom: 0;
	right: 0;
}

.alertify-log {
	text-align: center;
	right: 0;
	opacity: 1;
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.alertify-log-show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.alertify-log-hide {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

@media (max-width: 767px) {
	.alertify-logs {
		top: 0;
		bottom: auto;
	}

	.alertify-log {
		margin-top: 0;
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}

	.alertify-log-show {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.alertify-log-hide {
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
}