/*
Theme Name:   TG Heimfeld
Theme URI:    https://www.tg-heimfeld.com/
Description:  Child-Theme von Kadence für die Tennisgesellschaft Heimfeld. Haelt die Muster-Bibliothek
              („Muster → TG Heimfeld“ im Block-Editor) und wenige Ergaenzungen zum Aussehen.
              Alles Weitere wird im Customizer eingestellt, damit es ohne Code pflegbar bleibt.
Author:       TG Heimfeld
Template:     kadence
Version:      1.5.2
Requires PHP: 7.4
Text Domain:  kadence-tgh
*/

/* Die Gestaltung kommt aus Kadence (Farben, Schriften, Abstaende ueber den Customizer).
   Hier steht nur, was sich dort nicht einstellen laesst. Jede Regel bitte mit Begruendung. */

/* Download-Listen des WP Download Managers: Kadence gibt den Zeilen keinen Abstand,
   dadurch kleben die Eintraege auf den Dokumentseiten aneinander. */
.wpdm-download-link,
.w3eden .wpdm-download-link {
	margin-block: 0.4rem;
}

/* Tabellen (Trainingsplaene) auf schmalen Bildschirmen seitlich scrollbar machen,
   statt sie ueber den Rand laufen zu lassen. */
.entry-content table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
}

@media (min-width: 720px) {
	.entry-content table {
		display: table;
	}
}

/* Personen aus dem Auffangnetz (alte team_member-Shortcodes): das Bild nicht
   ueber die Spaltenbreite laufen lassen, Kopf und Text zusammenhalten.
   Faellt weg, sobald alle Seiten auf das Muster „Ansprechpartner" umgestellt sind. */
.tgh-person img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.tgh-person h3 {
	margin-block: 0.6rem 0.2rem;
}

/* Beitragslisten aus dem Auffangnetz (alte recent_posts-Shortcodes). Ein schlichtes
   Raster, damit die Seiten in der Uebergangszeit nicht als lange Spalte erscheinen.
   Faellt weg, sobald alle Seiten auf das Muster „Aktuelles (Teaser)" umgestellt sind. */
.tgh-beitraege {
	display: grid;
	grid-template-columns: repeat(var(--tgh-spalten, 3), 1fr);
	gap: 1.5rem;
}

.tgh-beitraege img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.tgh-beitraege h3 {
	font-size: 1.05rem;
	margin-block: 0.5rem 0.2rem;
}

.tgh-beitraege a {
	text-decoration: none;
}

@media (max-width: 719px) {
	.tgh-beitraege {
		grid-template-columns: 1fr;
	}
}

/* Bildkacheln aus dem Auffangnetz (alte fancy_box / design_flip_box). */
.tgh-kachel img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}

/* Logo-Wappen ragt aus der flachen Kopfzeile nach unten ins Startbild (Wunsch der Runde
   10/2026, Vorbild bremerhockeyclub.de). Die Kopfzeile selbst bleibt niedrig; der negative
   Aussenabstand laesst nur das Bild ueberstehen. z-index, damit es ueber dem Startbild liegt.
   Breite und Kopfhoehe stehen im Customizer (kadence_einrichten.php). */
.site-header {
	position: relative;
	z-index: 20;
}

.site-branding a.brand img {
	position: relative;
	margin-bottom: -56px;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}

@media (max-width: 1024px) {
	.site-branding a.brand img {
		margin-bottom: -28px;
	}
}

/* Sponsorenlogos (Galerie mit Klasse tgh-logos): Die Galerie zieht die Bilder der letzten,
   unvollstaendigen Reihe auf volle Breite — ein einzelnes Logo wurde dadurch riesig.
   Logos behalten ihre Breite, die letzte Reihe steht mittig. */
.wp-block-gallery.tgh-logos.has-nested-images {
	justify-content: center;
}

.wp-block-gallery.tgh-logos.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}

/* Am Handy drei statt zwei je Reihe —
   die Logos sind klein und quer, zwei je Reihe ergaeben eine lange Spalte. */
@media (max-width: 599px) {
	.wp-block-gallery.tgh-logos.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 2 / 3);
	}
}