/* =========================================================================
   px-admin-bar — WordPress admin-bar alleen op desktop tonen.

   Op tablet en mobiel (onder de 1200px desktop-breakpoint) overlapt de WP-
   adminbar de vaste site-header en duwt de pagina-inhoud naar beneden. Voor
   ingelogde gebruikers verbergen we de bar daar volledig.

   De `margin-top` die WordPress via een inline-stijl op <html> forceert (de
   "admin bar bump") zetten we met :root terug op 0. :root heeft een hogere
   specificiteit dan de inline `html { margin-top }`, dus dit wint zonder van
   de laadvolgorde afhankelijk te zijn.

   Viewport-gebaseerd → CSS is hier de juiste, structurele plek: server-side
   device-detectie is onbetrouwbaar. Niet-ingelogde bezoekers hebben geen
   adminbar, dus voor hen is dit een no-op.
   ========================================================================= */

@media (max-width: 1199px) {
	#wpadminbar {
		display: none !important;
	}

	:root {
		margin-top: 0 !important;
	}
}
