/**
 * GDPR Consent Banner — layout and responsive styles.
 *
 * Color properties are set via inline styles from PHP settings.
 * This stylesheet handles structural layout only.
 *
 * @package McM_Announcements
 */

.mcm-gdpr-banner__inner {
	flex-wrap: wrap;
	gap: 1rem;
}

#mcm-gdpr-banner a {
	color: inherit;
	text-decoration: underline;
}

#mcm-gdpr-banner:focus {
	outline: none;
}

@media screen and (max-width: 768px) {
	.mcm-gdpr-banner__inner {
		flex-direction: column;
		text-align: center;
	}

	#mcm-gdpr-accept {
		margin: 0 !important;
	}
}