/* Mama-Telecom — chatknop. Kleur = Divi-accent van de site (#009ee1 link/header);
   wit op #007bb0 haalt 4,7:1 (WCAG AA), #009ee1 zelf maar 3,0:1. */
.mt-chatknop {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 99990; /* onder de cookiemelding (99999/99998) */
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-height: 2.75rem; /* 44px aanraakdoel, WCAG 2.5.8 */
	padding: .6rem 1rem;
	background: #007bb0;
	color: #fff;
	border: 2px solid transparent;
	border-radius: 1.5rem;
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .25);
	font: 600 .95rem/1.2 Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.mt-chatknop[hidden] { display: none; }
.mt-chatknop:hover { background: #006896; }
.mt-chatknop:focus-visible { outline: 3px solid #fff; outline-offset: 0; box-shadow: 0 0 0 5px #007bb0; }
.mt-chatknop[aria-busy="true"] { opacity: .7; cursor: progress; }
/* Terugval als de chat niet bereikbaar is: zelfde plek, leesbaar blok. */
.mt-chatknop--terugval { display: block; max-width: 18rem; border-radius: .5rem; cursor: default; font-weight: 400; line-height: 1.4; }
.mt-chatknop--terugval a { color: #fff; text-decoration: underline; font-weight: 600; }
@media print { .mt-chatknop { display: none; } }