/* ==========================================================================
   Footer
   ========================================================================== */

/* --------------------------------------------------------------------------
   Structure générale
   -------------------------------------------------------------------------- */

.site-footer .section-top {
	padding-block: var(--sp2-5);
	background-color: var(--pf-color-light);
}

.site-footer .section-top [class*="pfc-wrapper"] {
	display: flex;
}

.site-footer .section-bottom {
	padding-block: var(--sp3);
}


/* --------------------------------------------------------------------------
   Zone haute du footer
   Logo / texte festival + coordonnées
   -------------------------------------------------------------------------- */

.site-footer .region--footer-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 60%;
	gap: var(--sp2-5);
}

.site-footer .region--footer-top > div {
	flex: 1 1 260px;
	padding-inline-end: var(--sp1-5);
}

.site-footer .region--footer-top p:not(:last-child) {
	margin-block-end: var(--sp2-5);
}


/* --------------------------------------------------------------------------
   Zone droite / basse du footer
   Soutiens permanents
   -------------------------------------------------------------------------- */

.site-footer .region--footer-bottom {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 40%;
}


/* --------------------------------------------------------------------------
   Bloc "Festival organisé par"
   -------------------------------------------------------------------------- */

#block-pf-allfooter img {
	display: block;
	max-width: 180px;
	height: auto;
	margin-block-end: var(--sp1);
}

#block-pf-allfooter p {
	margin: 0 0 var(--sp0-5);
	color: var(--lighter-black);
	font-size: 0.9375rem;
	line-height: 1.5;
}


/* --------------------------------------------------------------------------
   Bloc coordonnées
   -------------------------------------------------------------------------- */

#block-pf-allcoordonnees p {
	margin: 0 0 var(--sp1);
	color: var(--lighter-black);
	font-size: 0.9375rem;
	line-height: 1.5;
}

#block-pf-allcoordonnees p:last-child {
	margin-block-end: 0;
}

#block-pf-allcoordonnees strong {
	display: block;
	margin-block-end: var(--sp0-25);
	color: var(--pf-color-dark);
	font-family: "BricolageGrotesque", sans-serif;
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}


/* --------------------------------------------------------------------------
   Liste des soutiens permanents
   -------------------------------------------------------------------------- */

#block-pf-views-block-soutiens-block-permanents .item-list ul {
	display: flex;
	flex-direction: row;
	justify-content: end;
	list-style-type: none;
}

#block-pf-views-block-soutiens-block-permanents .item-list li {
	margin-inline-start: var(--sp1-5);
}


/* --------------------------------------------------------------------------
   Logos des soutiens dans le footer
   -------------------------------------------------------------------------- */

#block-pf-views-block-soutiens-block-footer .views-row .field {
	margin-inline: var(--sp0-5);
	border: 1px solid var(--light-grey);
}

#block-pf-views-block-soutiens-block-footer .views-row .field img {
	display: block;
	width: 100%;
	height: 100px;
	object-fit: contain;
}

@media (min-width: 640px) {
	#block-pf-views-block-soutiens-block-footer .view-content {
		width: calc(100% - 10rem);
		margin-inline: auto;
	}
}


/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 599.98px) {
	.site-footer .section-top [class*="pfc-wrapper"] {
		flex-direction: column;
		gap: var(--sp2);
	}

	.site-footer .region--footer-top,
	.site-footer .region--footer-bottom {
		width: 100%;
	}

	.site-footer .region--footer-top {
		flex-direction: column;
	}

	.site-footer .region--footer-top > div {
		width: 100%;
		padding-inline-end: 0;
	}

	.site-footer .region--footer-bottom {
		justify-content: flex-start;
	}
}