/* Melding over het auteursrecht — klein kaartje rechtsonder, in de themakleuren. */
.sae-copy {
	position: fixed; right: 20px; bottom: 20px; z-index: 99990;
	display: grid; grid-template-columns: auto 1fr auto; gap: .9rem; align-items: start;
	width: min(400px, calc(100vw - 32px));
	padding: 1.1rem 1rem 1.1rem 1.15rem;
	background: #fff; color: var(--sat-donker, #2a2a2a);
	border: 1px solid #e7e3db; border-left: 3px solid var(--sat-goud, #cba545); border-radius: 10px;
	box-shadow: 0 2px 4px rgba(30, 25, 15, .05), 0 18px 48px rgba(30, 25, 15, .18);
	font-family: var(--sat-sans, system-ui, -apple-system, "Segoe UI", sans-serif); font-size: .9rem; line-height: 1.5;
	opacity: 0; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease;
}
.sae-copy[hidden] { display: none; }
.sae-copy.is-zichtbaar { opacity: 1; transform: none; }
.sae-copy__icoon {
	display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
	background: #f7f1e1; color: #8c6d22; font-family: var(--sat-serif, Georgia, serif); font-size: 1.25rem; line-height: 1;
}
.sae-copy__tekst p { margin: 0 0 .7rem; color: #5c5a56; }
.sae-copy__tekst .sae-copy__titel { margin: .1rem 0 .3rem; font-family: var(--sat-serif, Georgia, serif); font-size: 1.12rem; font-weight: 600; color: var(--sat-donker, #2a2a2a); }
.sae-copy__knoppen { display: flex; flex-wrap: wrap; gap: .5rem; }
.sae-copy__lees, .sae-copy__sluit {
	display: inline-flex; align-items: center; min-height: 38px; padding: .45rem 1rem; border-radius: 999px;
	font: inherit; font-size: .85rem; font-weight: 500; text-decoration: none; cursor: pointer;
}
.sae-copy__lees { background: var(--sat-groen, #60734e); color: #fff !important; border: 0; }
.sae-copy__lees:hover { background: var(--sat-donker, #2a2a2a); }
.sae-copy__sluit { background: none; border: 1px solid #e7e3db; color: #4a4a4a; }
.sae-copy__sluit:hover { border-color: var(--sat-groen, #60734e); color: var(--sat-groen, #60734e); }
.sae-copy__kruis { width: 32px; height: 32px; margin: -.4rem -.3rem 0 0; border: 0; background: none; color: #8a857d; font-size: 1.3rem; line-height: 1; cursor: pointer; border-radius: 50%; }
.sae-copy__kruis:hover { background: #f3f1ec; color: var(--sat-donker, #2a2a2a); }
@media (max-width: 520px) { .sae-copy { right: 16px; left: 16px; bottom: 16px; width: auto; } }
@media (prefers-reduced-motion: reduce) { .sae-copy { transition: none; } }
@media print { .sae-copy { display: none !important; } }