/* The default bar is ~209px tall at 375px and covered the primary button on sales pages. */
@media (max-width: 640px) {
	#cookie-law-info-bar { padding: 10px 14px !important; box-shadow: 0 -2px 12px #0f2a1c26; }
	#cookie-law-info-bar .cli-bar-container { display: block; }
	#cookie-law-info-bar .cli-bar-message {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		width: 100%;
		margin: 0 0 8px;
		font-size: 13px;
		line-height: 1.4;
		text-align: left;
	}
	#cookie-law-info-bar .cli-bar-btn_container { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; margin: 0; }
	#cookie-law-info-bar .cli_settings_button { margin: 0 !important; font-size: 13px; }
	#cookie-law-info-bar .cli-plugin-button { display: inline-flex !important; align-items: center; min-height: 36px; margin: 0; padding: 6px 16px !important; font-size: 14px; line-height: 1.3; }
}

/* The banner's buttons and switches use the site's green, not the plugin's lime. The plugin's
   script writes its own colours inline (also on hover), hence !important. */
#cookie-law-info-bar .cli-plugin-button,
#cliSettingsPopup .wt-cli-privacy-accept-btn {
	background-color: var(--vn-shell-interactive, #1a4837) !important;
	color: #fff !important;
}
#cookie-law-info-bar .cli-plugin-button:hover,
#cookie-law-info-bar .cli-plugin-button:focus-visible,
#cliSettingsPopup .wt-cli-privacy-accept-btn:hover,
#cliSettingsPopup .wt-cli-privacy-accept-btn:focus-visible {
	background-color: var(--vn-shell-green, #0b2f24) !important;
}
#cliSettingsPopup .cli-switch input:checked + .cli-slider { background-color: var(--vn-shell-interactive, #1a4837); }

/* After a choice the plugin slides in a floating "Cookieinställningar" tab that sits over the
   content (worst on phones). The footer's own button (inc/vn-footer-links.php) reopens the
   same settings, as the banner text says ("längst ned på sidan"). */
#cookie-law-info-again { display: none !important; }

/* Embedded videos and maps that wait for consent (inc/vn-consent-trackers.php). */
.vn-consent-embed iframe:not([src]) { display: none; }
.vn-consent-embed__notice { margin: 0 0 1.5em; padding: 16px 20px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; background: #f6f5f1; font-size: 15px; line-height: 1.5; }
.vn-consent-embed--on .vn-consent-embed__notice { display: none; }

/* The banner plugin capitalises every word of a category name; keep the approved spelling. */
#cliSettingsPopup .cli-tab-header a.cli-nav-link { text-transform: none; }