/**
 * Compactage esthétique WPConsent (mobile) — présentation uniquement.
 * Ne modifie pas Consent Mode, le blocage de scripts, ni les choix utilisateur.
 * Cible le host + ::part() ; le JS compagnon affine le shadow (message / branding).
 */

@media (max-width: 767px) {
	#wpconsent-container,
	#wpconsent-root {
		--wpconsent-padding: 8px 12px;
		--wpconsent-font-size: 12.5px;
		--wpconsent-line-height: 1.35;
		--wpconsent-title-size: 14px;
	}

	#wpconsent-container::part(wpconsent-banner) {
		padding: 8px 12px;
		box-sizing: border-box;
	}

	#wpconsent-container::part(wpconsent-banner-body) {
		margin: 0;
		max-height: none;
	}

	#wpconsent-container::part(wpconsent-banner-footer) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px;
		width: 100%;
	}

	#wpconsent-container::part(wpconsent-button-preferences) {
		grid-column: 1 / -1;
		min-height: 44px;
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.2;
		width: 100%;
		box-sizing: border-box;
	}

	#wpconsent-container::part(wpconsent-button-cancel),
	#wpconsent-container::part(wpconsent-button-accept) {
		min-height: 44px;
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.2;
		width: 100%;
		box-sizing: border-box;
	}
}