/*
 * Cookie consent banner (WebToffee GDPR Cookie Consent) — mobile layout.
 *
 * The plugin positions the banner with inline styles (left/bottom) and a
 * fixed 768px width, so the overrides below need !important. On small
 * screens the banner is moved to the top of the viewport, full width, so it
 * no longer covers the WhatsApp button at the bottom of the page.
 */

@media screen and (max-width: 37.5em) {
	#gdpr-cookie-consent-bar.gdpr-widget,
	#gdpr-cookie-consent-bar.gdpr-popup,
	#gdpr-cookie-consent-bar.gdpr-banner {
		top: 0 !important;
		bottom: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: 100vh;
		overflow-y: auto;
		margin: 0 !important;
		border-radius: 0 !important;
	}
}