/* Sticky Mobile-Kontaktleiste: Anrufen | WhatsApp | Angebot
   Nur per CSS umgesetzt, keine JavaScript-Abhaengigkeit. */

.agh-sticky-contact {
	display: none;
}

@media (max-width: 782px) {
	/* Platz am unteren Bildschirmrand reservieren, damit die fixierte Leiste
	   keinen Seiteninhalt (z. B. Footer-Links) verdeckt. Hoehe der Leiste
	   (ca. 3.25rem) + iPhone-Safe-Area (Home-Indicator). */
	body {
		padding-bottom: calc(3.25rem + env(safe-area-inset-bottom));
	}

	.agh-sticky-contact {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		/* Hoher z-index, damit die Leiste ueber Admin-Bar, Overlay-Menue-Button
		   und sonstigen Inhalten bleibt, aber unter einem evtl. geoeffneten
		   Navigation-Overlay von core/navigation. */
		z-index: 999;
		background: var(--wp--preset--color--weiss);
		border-top: 1px solid var(--wp--preset--color--linie);
		/* iPhone Safe Area (Home-Indicator) nicht ueberdecken. */
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: border-box;
	}

	.agh-sticky-contact__item {
		display: block;
		text-align: center;
		padding: 0.75rem 0.25rem;
		font-size: 0.75rem;
		text-decoration: none;
		color: var(--wp--preset--color--anthrazit);
		border-right: 1px solid var(--wp--preset--color--linie);
	}

	.agh-sticky-contact__item:last-child {
		border-right: none;
	}

	.agh-sticky-contact__item--accent {
		background: var(--wp--preset--color--kupfer);
		color: var(--wp--preset--color--weiss);
	}
}

@media (min-width: 783px) {
	/* Auf Desktop ausdruecklich nicht anzeigen (zusaetzlich zum display:none
	   oben, hier nur zur Klarstellung/Dokumentation der Anforderung). */
	.agh-sticky-contact {
		display: none !important;
	}
}