/*
	CSS Stylesheet „footer“
	Version 2024-02-21a
	© 2024 m-ds GmbH
*/

footer {
	align-items     : center;
	display         : flex;
	grid-area       : footer;
	justify-content : center;
}

footer > * {
	width : 33.3%;
}

footer > *:nth-child(2) {
	text-align : center;
}

footer > *:last-child {
	text-align : right;
}

/****************************************************************************************************
	extra buttons: caching, inspect
*/

footer > #extra_buttons {
	display : flex;
	height  : 90%;
	gap     : 0.25em;
}

.caching, .inspect {
	border      : 1px solid white;
	color       : white;
	cursor      : pointer;
	font-size   : 0.6em;
	font-weight : normal;
	white-space : wrap;
}

#btnConsole {
	background : #000;
}

#btnTables {
	background : #5a0;
}

#btnReload {
	background : #0af;
}

#btnClearAllCaches {
	background : #f50;
}

#btnClearAllCachesButStatic {
	background : #fa0;
}

#btnUpdateSite {
	background : #f50;
}

@media (hover: hover) {
	.caching {
		cursor : pointer;
	}

	#btnConsole:hover {
		background   : white;
		border-color : #000;
		color        : #000;
	}

	#btnTables:hover {
		background   : white;
		border-color : #5a0;
		color        : #5a0;
	}

	#btnReload:hover {
		background   : white;
		border-color : #0af;
		color        : #0af;
	}

	#btnClearAllCaches:hover {
		background   : white;
		border-color : #f50;
		color        : #f50;
	}

	#btnClearAllCachesButStatic:hover {
		background   : white;
		border-color : #fa0;
		color        : #fa0;
	}

	#btnUpdateSite:hover {
		background   : white;
		border-color : #f50;
		color        : #f50;
	}
}