/* Skin DED UNIMC — allineata a main.min.css di produzione (unimcunifare.it).
   --color-primary / --color-secondary arrivano da env (cssBase.php).
   --color-ded = arancio barra menu/footer, assente dalle tre chiavi COLOR_*. */
:root {
	--color-ded: #F29400;
	--color-primary-super-light: #d78eb3;
}

.bg-ded {
	background-color: var(--color-ded) !important;
}

.bg-ded a {
	color: #fff !important;
}

.bg-ded .active a {
	color: var(--color-primary) !important;
}

.frontend :not(.bg-ded) a:not(.btn):not(.badge):not(.nav-link) {
	color: var(--color-primary);
}

.frontend :not(.bg-ded) a:not(.btn):not(.badge):not(.nav-link):hover {
	color: var(--color-secondary) !important;
}

.frontend .breadcrumb,
.frontend .breadcrumb a:hover {
	color: var(--color-primary) !important;
}

.frontend .btn-warning {
	background-color: var(--color-secondary);
}

.frontend.ded .btn-warning {
	background-color: var(--color-ded);
}

.frontend.ded .bg-orange {
	position: relative;
}

.frontend.ded .bg-orange::before {
	content: "";
	pointer-events: none;
	background-color: var(--color-ded);
	mix-blend-mode: color-burn;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.frontend.ded .bg-orange a {
	color: #fff !important;
}

.frontend.ded .bg-orange a:hover {
	color: var(--color-primary) !important;
}

/* html,body { height:100% } del motore tiene la pagina a un viewport.
   Il contenuto più lungo esce dal box e copre la barra arancio. */
html.ded,
body.frontend.ded {
	height: auto;
	min-height: 100%;
}

body.frontend.ded > .page-container {
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: visible;
}

body.frontend.ded > .page-container > .container {
	flex: 1 0 auto;
}

body.frontend.ded > .page-container > .bg-ded,
body.frontend.ded > .page-container > .subfooter {
	flex-shrink: 0;
	clear: both;
}

/* .row è flex. column-count nel figlio non entra nel calcolo dell'altezza:
   le card di News/Eventi dipingono sulla sezione dopo e sulla barra arancio. */
body.frontend.ded #spazioArticoli.row,
body.frontend.ded #spazioEventi.row {
	display: block;
}

body.frontend.ded #spazioArticoli .card-columns .card,
body.frontend.ded #spazioEventi .card-columns .card {
	height: auto;
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}