/* WEBCROMBIE-584
   Complianz appends banner-1-optin.css at runtime, after this file.
   The container id keeps these rules ahead of that stylesheet. */

@media (max-width: 768px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		padding: 16px;
		grid-gap: 8px;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
		max-height: none;
		overflow: visible;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner:has(.cmplz-categories.cmplz-fade-in) .cmplz-body {
		max-height: 40vh;
		overflow-y: auto;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 6px;
		width: 100%;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
		align-items: center;
		justify-content: center;
		text-align: center;
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		height: auto;
		min-height: 40px;
		padding: 8px 6px;
		font-size: 12px;
		white-space: normal;
		line-height: 1.2;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
		display: flex;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options {
		display: none;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner:has(.cmplz-categories.cmplz-fade-in) .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
		display: none;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner:has(.cmplz-categories.cmplz-fade-in) .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
		display: flex !important;
	}
}