/*
 * Compact cookie banner on mobile (CookieYes / cookie-law-info, "v2" bar).
 * Trims the plugin's 25px padding and spacing so the bar covers less of the
 * plan cards. Text stays at 14px for legibility, and "Reject All" stays the
 * same size as "Accept". The message length is set in the plugin settings.
 */
@media (max-width: 600px) {
	body #cookie-law-info-bar[data-cli-style="cli-style-v2"] {
		padding: 10px 16px;
	}

	body #cookie-law-info-bar .cli-style-v2 {
		font-size: 14px;
		line-height: 1.3;
	}

	body #cookie-law-info-bar .cli-style-v2 .cli-bar-btn_container {
		width: 100%;
		margin: 8px 0 0;
		gap: 8px;
		flex-wrap: nowrap;
	}

	body #cookie-law-info-bar .cli-style-v2 .cli-bar-btn_container a {
		margin: 0 !important; /* the plugin sets an inline margin on "Cookie settings" */
	}

	body #cookie-law-info-bar .cli-style-v2 .cli-bar-btn_container .cli_settings_button {
		margin-right: auto !important;
		font-size: 14px;
	}

	body #cookie-law-info-bar .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
		flex: 0 1 auto;
		min-height: 36px;
		padding: 6px 14px;
		font-size: 14px;
		line-height: 24px;
	}
}