/**
 * Bloc « Logos de qualifications » — charte Bilger.
 * Cartes blanches sur fond gris clair, hauteur de logo réglable par élément
 * (--dgs-lq-h) pour équilibrer des rapports largeur/hauteur très différents.
 *
 * NB : les sélecteurs des images sont volontairement longs. Le thème applique
 * « height: auto » via « .site-layout-inner .site-main__article .entry-content img »
 * (spécificité 0,3,1) ; il faut passer au-dessus sans recourir à !important.
 */

.dgs-lq-section {
	position: relative;
	box-sizing: border-box;
	padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.dgs-lq-section,
.dgs-lq-section * {
	box-sizing: border-box;
}

.dgs-lq-section--fond .dgs-lq-section__inner {
	padding-top: clamp(1.75rem, 3.5vw, 2.25rem);
	padding-bottom: clamp(1.75rem, 3.5vw, 2.25rem);
	background: #f8f9fc;
	border-radius: 12px;
}

.dgs-lq-section__title {
	margin: 0 0 0.75rem;
	font-family: var(--dgs-font-titres, sans-serif);
	font-size: var(--dgs-fs-section, clamp(1.5rem, 2.4vw, 2.1rem));
	font-weight: 600;
	line-height: 1.25;
	color: var(--dgs-c-titre, #1b2876);
	text-align: center;
}

.dgs-lq-section__intro {
	margin: 0 auto clamp(1.25rem, 2.5vw, 1.75rem);
	max-width: 44rem;
	font-family: var(--dgs-font-texte, sans-serif);
	font-size: var(--dgs-fs-texte-sm, 15px);
	font-weight: 300;
	line-height: 1.65;
	color: var(--dgs-c-texte, #696969);
	text-align: center;
}

.dgs-lq-section__intro p {
	margin: 0 0 0.5em;
	color: inherit;
}

.dgs-lq-section .dgs-lq-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 16px;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item {
	--dgs-lq-h: 52px;
	margin: 0;
	flex: 0 1 auto;
	list-style: none;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item--sm {
	--dgs-lq-h: 40px;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item--md {
	--dgs-lq-h: 54px;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item--lg {
	--dgs-lq-h: 64px;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-width: 140px;
	min-height: 100px;
	padding: 18px 24px;
	background: #ffffff;
	border: 1px solid #eef0f6;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(17, 24, 68, 0.06);
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dgs-lq-section .dgs-lq-list .dgs-lq-item img.dgs-lq-item__img {
	display: block;
	width: auto;
	max-width: 100%;
	height: var(--dgs-lq-h);
	margin: 0;
	object-fit: contain;
}

.dgs-lq-section .dgs-lq-list a.dgs-lq-item__inner:hover,
.dgs-lq-section .dgs-lq-list a.dgs-lq-item__inner:focus {
	box-shadow: 0 10px 24px rgba(17, 24, 68, 0.12);
	transform: translateY(-2px);
}

@media screen and (max-width: 39.9375em) {
	.dgs-lq-section .dgs-lq-list {
		gap: 12px;
	}

	.dgs-lq-section .dgs-lq-list .dgs-lq-item {
		flex: 0 1 calc(50% - 6px);
	}

	.dgs-lq-section .dgs-lq-list .dgs-lq-item__inner {
		min-width: 0;
		min-height: 84px;
		padding: 14px 16px;
	}

	.dgs-lq-section .dgs-lq-list .dgs-lq-item--sm {
		--dgs-lq-h: 32px;
	}

	.dgs-lq-section .dgs-lq-list .dgs-lq-item--md {
		--dgs-lq-h: 44px;
	}

	.dgs-lq-section .dgs-lq-list .dgs-lq-item--lg {
		--dgs-lq-h: 52px;
	}
}

/* Message affiché dans l'éditeur tant qu'aucun logo n'est renseigné */
.dgs-lq-placeholder {
	margin: 0;
	padding: 1.25rem;
	background: #f8f9fc;
	border: 1px dashed #c9cfe4;
	border-radius: 10px;
	font-family: var(--dgs-font-texte, sans-serif);
	font-size: 15px;
	color: var(--dgs-c-texte, #696969);
	text-align: center;
}

.dgs-lq-section.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/**
 * Éditeur uniquement : vignettes du répéteur en aperçu contenu (non recadré),
 * pour que les logos larges restent lisibles dans le tableau.
 */
.acf-field[data-name="lq_logos"] .acf-image-uploader .image-wrap {
	max-width: 150px;
}

.acf-field[data-name="lq_logos"] .acf-image-uploader .image-wrap img {
	width: auto;
	max-width: 150px;
	height: auto;
	max-height: 60px;
	object-fit: contain;
}