/* .............................................................................
FOOTER
Footer avec logo, navigation, textes, réseaux sociaux, etc.
............................................................................. */
.footer {--gapGrid:3em; --gapLogos:4em; padding-top: calc(0.75 * var(--gapGrid)); }
.footer__layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gapGrid); align-items: start; }
.footer__cNav {grid-column: 1 / -1; justify-self: end; }
.footer__cLogos {grid-column: 1 / 2; align-self: end; display: flex; align-items: flex-end; gap: var(--gapLogos); width: min(35em, 80%); }
.footer__cTitre {grid-column: 2 / 3;align-self: end;justify-self: end;}
.footer__cRS {grid-column: 2 / 3; justify-self: end; margin-right: -0.4em; }
.footer__cBottom {grid-column: 1 / -1; position: relative; display: flex; flex-wrap: wrap; gap: 2em; justify-content: space-between; padding: 1.5em 0; margin-top: calc(-0.7 * var(--gapGrid)); }
.footer__cBottom::before {position:absolute; z-index:0; display:block; content:''; top:0; height: 1px; left:calc(-1 * var(--width-std-left)); right:calc(-1 * var(--width-std-right)); background: var(--color-white); }

.footer__nav { }
.footer__logoPT {flex:1 1 62%; }
.footer__logoDLF {flex:1 1 38%; position: relative; container-type: inline-size; }
.footer__logoDLF::before {position:absolute; z-index:0; display:block; content:''; top:25%; bottom:0; left:calc(-0.5 * var(--gapLogos)); width: 1px; background: var(--color-base); }
.footer__logoNote {font-size: 0.7em; font-size: 6cqw; line-height: 1; display: block; text-transform: uppercase; margin-bottom: 1em; text-align: left; }
.footer__titre {color: var(--color-base);margin-bottom: -0.2em;text-align: right;}
.footer__copy {font-size: 0.85em;}
.footer__links { }
.footer__links a {text-transform:none; }

	/* Some elements stacked */
	@media (max-width:62rem) {
		.footer {--gapGrid: var(--base-spacing); --gapLogos:4em; }
		.footer__layout {grid-template-columns: 1fr; text-align: center; justify-content: center; }
		.footer__layout > * {grid-column: 1 / 2; justify-self: center; }
		.footer__cRS {margin-right: 0; margin-top: calc(-0.5 * var(--gapGrid)); }
		.footer__cBottom {justify-self: stretch;}

		.footer__nav .listInline {justify-content: center; }
		.footer__titre {margin-bottom: 0;text-align: center;}
	}

	/* Everything stacked */
	@media (max-width:46rem) {
		.footer {--gapLogos:var(--gapGrid); }
		.footer__cLogos {width: min(20em, 80%); flex-direction: column; align-items: center; }
		.footer__cBottom {flex-direction: column; gap: 0.5em; }

		.footer__nav .listInline {flex-direction: column; }
		.footer__logoPT {flex:1 1 auto; width: 100%; }
		.footer__logoDLF {flex:1 1 auto; width: 65%; }
		.footer__logoDLF::before {display: none; }
		.footer__copy {font-size: 1em; }
	}