/* Footer actions
======================================== */
#footer-actions{
	display: grid;
	grid-auto-rows: min-content;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: var(--font-sans--leading-s) var(--cols-medianil);
	align-items: flex-end;
}
#footer-actions > *{
	margin: var(--font-serif--mblock-s);
}
@media (max-width: 840px){
	#footer-actions{
		grid-template-columns: 1fr;
	}
}

/* Module drawer */
.module-drawer{
	position: relative;
	display: grid;
	grid-auto-rows: min-content;
}
@media (min-width: 841px){
	#footer-actions > .module-drawer{
		grid-column: 2 span;
	}
	#footer-actions > .module-drawer:first-child{
		grid-column: 3 span;
	}
}

/* Title */
@media (min-width: 841px){
	.desktop .module-drawer--title{
		text-decoration: none !important;
	}
	.desktop .module-drawer:hover .module-drawer--title,
	.desktop .module-drawer:has(input:focus) .module-drawer--title,
	.desktop .module-drawer:has(input.submited) .module-drawer--title{
		display: none;
	}
}

/* Content */
.module-drawer--content{
	display: grid;
	grid-auto-rows: min-content;
}
.module-drawer--content > a{
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media (min-width: 841px){
	.desktop .module-drawer--content{
		display: none !important;
	}
	.desktop .module-drawer:hover .module-drawer--content,
	.desktop .module-drawer:has(input:focus) .module-drawer--content,
	.desktop .module-drawer:has(input.submited) .module-drawer--content{
		position: absolute;
		bottom: 0;
		width: 100%;
		display: grid !important;
	}
}

/* Colophone */
#footer-colophone{
	grid-column: -4 / -1;
	display: grid;
	grid-auto-rows: min-content;
	grid-template-columns: 1fr max-content;
	column-gap: var(--cols-items);
	align-items: flex-end;
}
@media (max-width: 840px){
	#footer-colophone{
		grid-column: auto;
	}
}
@media (max-width: 600px){
	#footer-colophone{
		display: contents;
	}
	#footer-colophone > *{
		margin: var(--font-serif--mblock-s);
	}
}

/* Credits */
#footer-credits a{
	white-space: nowrap;
}

/* Copyright */
#footer-copyright > span::before{
	content: 'Talent and Partner';
}
@media (min-width: 841px) and (max-width: 1280px){
	#footer-copyright > span::before{
		content: 'TP';
	}
}