/* Consent & Pixel — uses the theme's colour names when present. */
.cp-banner {
	position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 760px; margin: 0 auto;
	display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between;
	background: #fff; color: var(--wp--preset--color--ink, #2F3A3D); border: 1px solid var(--wp--preset--color--line, #D8CDB8);
	border-top: 3px solid var(--wp--preset--color--teal, #1F6F86); box-shadow: 0 10px 30px rgba(47,58,61,.18); padding: 16px 20px; font-size: 15px;
}
.cp-banner p { margin: 0; flex: 1 1 320px; line-height: 1.5; }
.cp-buttons { display: flex; gap: 10px; }
.cp-banner button { font: inherit; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 9px 18px; cursor: pointer; border: 1px solid var(--wp--preset--color--teal, #1F6F86); }
.cp-yes { background: var(--wp--preset--color--teal, #1F6F86); color: #fff; }
.cp-no { background: #fff; color: var(--wp--preset--color--teal, #1F6F86); }
.cp-test-note { position: fixed; left: 16px; top: 50px; z-index: 10000; max-width: 420px; background: #FBF6EA; border: 1px solid #C9A96E; padding: 10px 14px; font-size: 13px; box-shadow: 0 6px 16px rgba(0,0,0,.12); }
@media (max-width: 600px) { .cp-buttons { width: 100%; } .cp-banner button { flex: 1; } }