/* Gartenfachberatung auf der Website (Seite „Gartentipps“) und in „Mein Konto“ (Tauschbörse, Karte „Im Verein“). */

.kgv-fb,
.kgv-members-tausch,
.kgv-fb-konto {
	--fb-wald: var(--wp--preset--color--wald, #1F4A2C);
	--fb-moos: var(--wp--preset--color--moos, #E8EFDD);
	--fb-grau: var(--wp--preset--color--grau, #46534A);
	--fb-linie: var(--wp--preset--color--linie, #D9DFCF);
	--fb-erde: var(--wp--preset--color--erde, #A4561E);
}

/* ---------- Seite „Gartentipps“ ---------- */
.kgv-fb section + section,
.kgv-fb section + nav { margin-top: 2rem; }
.kgv-fb h2 { margin: 0 0 0.75rem; }
.kgv-fb-tipp,
.kgv-fb-warnung { display: flex; gap: 1.25rem; align-items: flex-start; margin: 0 0 1rem; }
.kgv-fb-tipp__bild { flex: 0 0 auto; width: 180px; max-width: 35%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.kgv-fb-tipp__text { min-width: 0; flex: 1; }
.kgv-fb-tipp__text > h3 { margin: 0 0 0.35rem; }
.kgv-fb-tipp__text > :last-child { margin-bottom: 0; }
.kgv-fb-warnung__wann { margin: 0 0 0.5rem; font-size: 0.95em; color: var(--kgv-gray, var(--fb-grau)); }
.kgv-fb__leer { color: var(--kgv-gray, var(--fb-grau)); }
.kgv-fb__monate ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.5rem; }
.kgv-fb__monate li > * { display: block; padding: 0.55rem 0.8rem; border: 1px solid var(--kgv-line, var(--fb-linie)); border-radius: 8px; text-decoration: none; }
.kgv-fb__monate a { color: var(--kgv-heading, var(--fb-wald)); font-weight: 600; }
.kgv-fb__monate a:hover,
.kgv-fb__monate a:focus-visible { background: var(--kgv-moss, var(--fb-moos)); }
.kgv-fb__monate [aria-current="page"] { background: var(--kgv-forest, var(--fb-wald)); border-color: var(--kgv-forest, var(--fb-wald)); color: var(--kgv-on-dark, #fff); font-weight: 700; }
.kgv-fb__monate .kgv-fb__ohne { color: var(--kgv-gray, var(--fb-grau)); }
.kgv-fb__jetzt { font-weight: 400; }
@media (max-width: 600px) {
	.kgv-fb-tipp,
	.kgv-fb-warnung { flex-direction: column; }
	.kgv-fb-tipp__bild { width: 100%; max-width: none; }
}

/* ---------- „Mein Konto → Im Verein“ ---------- */
.kgv-fb-konto__warnung { margin: 0 0 0.85rem; }
.kgv-fb-konto__warnung > :last-child { margin-bottom: 0; }
.kgv-fb-konto__titel { margin: 0.85rem 0 0.25rem; font-weight: 700; }
.kgv-fb-konto__liste { margin: 0 0 0.75rem; padding-left: 1.25rem; }

/* ---------- Tauschbörse ---------- */
.kgv-tb__kopf .kgv-submit { margin-bottom: 0; }
.kgv-tb__filter { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: flex-end; margin: 1.25rem 0; }
.kgv-tb__filter .kgv-field { flex: 1 1 130px; margin: 0; }
#kgv-members-tausch .kgv-tb__filter > .kgv-field { margin: 0; } /* gegen den Feldabstand der Formulare im Theme: Felder und Knopf auf einer Linie */
.kgv-tb__filter-do { margin: 0; }
.kgv-members-cluster .kgv-tb__h,
.kgv-members-tausch .kgv-tb__h { margin: 1.75rem 0 0.75rem; } /* stärker als „.kgv-members-cluster h3“ */
.kgv-tb__leer { color: var(--kgv-gray, var(--fb-grau)); }
.kgv-tb__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
.kgv-tb__karte > a { display: flex; flex-direction: column; height: 100%; background: var(--kgv-white, #fff); border: 1px solid var(--kgv-line, var(--fb-linie)); border-radius: 12px; overflow: hidden; color: inherit; text-decoration: none; }
.kgv-tb__karte > a:hover,
.kgv-tb__karte > a:focus-visible { border-color: var(--kgv-forest, var(--fb-wald)); box-shadow: 0 2px 10px rgba(31, 74, 44, 0.12); }
.kgv-tb__foto { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--kgv-moss, var(--fb-moos)); }
.kgv-tb__foto--leer { background: var(--kgv-moss, var(--fb-moos)) radial-gradient(circle at 50% 55%, rgba(31, 74, 44, 0.12) 0 22%, transparent 23%); }
.kgv-tb__inhalt { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.75rem 0.9rem 0.9rem; }
.kgv-tb__art { font-size: 0.9em; font-weight: 600; color: var(--kgv-earth-text, var(--fb-erde)); text-transform: none; }
.kgv-tb__karte--suche .kgv-tb__art { color: var(--kgv-heading, var(--fb-wald)); }
.kgv-tb__titel { font-size: 1.1em; color: var(--kgv-heading, var(--fb-wald)); }
.kgv-tb__wer,
.kgv-tb__bedingung,
.kgv-tb__klein { font-size: 0.95em; color: var(--kgv-gray, var(--fb-grau)); }
.kgv-tb__zurueck { margin: 0 0 1rem; }
.kgv-tb__eintrag .kgv-tb__bild { display: block; width: 100%; max-height: 480px; object-fit: contain; background: var(--kgv-moss, var(--fb-moos)); border-radius: 10px; margin: 0 0 1rem; }
.kgv-tb__eintrag h3 { margin: 0 0 0.5rem; }
.kgv-tb__eintrag .kgv-tb__art { margin: 0 0 0.25rem; }
.kgv-tb__kontakt,
.kgv-tb__eigen { margin-top: 1.25rem; }
.kgv-tb__aktionen { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.kgv-tb__aktion { margin: 0; }
.kgv-tb__link-knopf { display: inline-block; text-decoration: none; }
.wp-site-blocks .kgv-tb__aktion button.kgv-tb__loeschen { color: var(--kgv-red, var(--m-rot, #A3261B)) !important; }
.kgv-tb__meine-liste { margin: 0; padding-left: 1.25rem; }
.kgv-tb__meine-liste li { margin: 0 0 0.5rem; }
.kgv-tb__stand { display: inline-block; padding: 0 0.5rem; border-radius: 999px; font-size: 0.9em; background: var(--kgv-moss-light, #F1F3EE); color: var(--kgv-gray, var(--fb-grau)); }
.kgv-tb__stand--aktiv { background: var(--kgv-moss, var(--fb-moos)); color: var(--kgv-heading, var(--fb-wald)); font-weight: 600; }
.kgv-tb__stand--entfernt { background: var(--kgv-red-light, #F8E3DF); color: var(--kgv-red, #A3261B); }
.kgv-tb__wahl { border: 0; margin: 0 0 1rem; padding: 0; display: flex; gap: 1.5rem; flex-wrap: wrap; }
.kgv-tb__wahl legend { font-weight: 700; margin-bottom: 0.35rem; }
.kgv-tb__altfoto { display: flex; gap: 0.75rem; align-items: center; }
.kgv-tb__altfoto img { border-radius: 8px; }
.kgv-fb__weiter { margin-top: 1.5rem; }
.kgv-fb--kalender .kgv-fb__monate { margin-bottom: 2rem; }

/* „Mein Konto“: Hinweise der Gartenfachberatung unter dem Kopf. */
.kgv-fb-oben { margin: 1rem 0 0; display: grid; gap: 0.75rem; }
.kgv-fb-oben__hinweis > :last-child { margin-bottom: 0; }
.kgv-fb-oben__von { margin: 0; font-size: 0.9em; font-weight: 600; color: var(--kgv-gray, var(--wp--preset--color--grau, #46534A)); }
