/*
Theme Name:   Tierheim Alsfeld
Theme URI:    
Description:  Child-Theme für das Tierheim Alsfeld, basierend auf Twenty Twenty-Five
Author:       Dein Name
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  tierheim-alsfeld
Update URI:   false
*/

/*
 * Kompakte Kontaktleiste oberhalb der Hauptnavigation.
 * Die Klassen werden im Website-Editor unter "Erweitert" vergeben.
 */
.tierheim-topbar {
	min-height: 0;
	padding-block: 0.45rem !important;
	padding-inline: clamp(1rem, 4vw, 3rem) !important;
}

.tierheim-topbar,
.tierheim-topbar-contact,
.tierheim-topbar-actions {
	align-items: center;
	flex-wrap: nowrap !important;
}

.tierheim-topbar-contact,
.tierheim-topbar-actions {
	gap: 0.75rem !important;
}

.tierheim-topbar p,
.tierheim-topbar .wp-block-social-links {
	margin-block: 0;
}

@media (max-width: 600px) {
	.tierheim-topbar {
		gap: 0.65rem !important;
		justify-content: space-between !important;
		padding: 0.5rem 0.75rem !important;
	}

	.tierheim-topbar-contact,
	.tierheim-topbar-actions {
		gap: 0.5rem !important;
	}

	/* Mobil bleibt der Mail-Link erhalten, benötigt aber nur Icon-Breite. */
	.tierheim-topbar-email a {
		align-items: center;
		display: inline-flex;
		font-size: 0;
		text-decoration: none;
	}

	.tierheim-topbar-email a::before {
		content: "\2709";
		font-size: 1.1rem;
		line-height: 1;
	}

	.tierheim-topbar-newsletter {
		font-size: 0.9rem;
		white-space: nowrap;
	}

	.tierheim-topbar .wp-block-social-links {
		gap: 0.35rem;
	}

	.tierheim-topbar .wp-social-link {
		height: 1.75rem;
		width: 1.75rem;
	}
}