/* Cookie consent card (includes/cookies.php): bottom-left, away from the chat button at the bottom-right. */
.yns-ck {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9980;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 14px 16px;
	width: min(520px, calc(100vw - 40px));
	padding: 18px 20px;
	border-radius: 24px;
	background: #fffffc;
	color: var(--yn-heading, #1E293B);
	box-shadow: 0 1px 0 rgba(30, 41, 59, .05), 0 24px 60px -24px rgba(2, 88, 162, .45);
	animation: yns-ck-in .45s cubic-bezier(.22, 1, .36, 1) .9s both;
}
@keyframes yns-ck-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.yns-ck[hidden] { display: none; }
@media (min-width: 768px) { .yns-ck { left: 28px; bottom: 28px; } }
/* Phones: full width; the chat button steps aside while the card is up (whatsapp.css). */
@media (max-width: 767px) { .yns-ck { width: calc(100vw - 32px); left: 16px; bottom: 16px; padding: 16px; border-radius: 20px; } }

.yns-ck__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 100px;
	background: #FFF7CC;
	color: var(--yn-orange, #FF7515);
}
.yns-ck__icon svg { width: 24px; height: 24px; }
.yns-ck__body { flex: 1 1 260px; min-width: 0; }
.yns-ck__title { margin: 0 0 4px; font-size: 16px; font-weight: 800; }
.yns-ck__text { margin: 0; font-size: 14px; line-height: 1.7; color: var(--yn-text, #334155); }
.yns-ck__text a { color: var(--yn-primary, #0258A2); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.yns-ck__actions { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
html body .yns-ck .yns-ck__btn { min-height: 44px; font-size: 15px; padding-inline: 1.4em; }

@media (prefers-reduced-motion: reduce) { .yns-ck { animation: none; } }