/*
Theme Name:  Franklin Nachbarschaft (Twenty Twenty-Five Child)
Template:    twentytwentyfive
Description: Child-Theme für die Franklin-Nachbarschaftsseite. Farben aus den Glasbalkonen in Franklin, Startseiten-Vorlage, passt zum Plugin „Franklin Schwarzes Brett“.
Version:     1.0.6
Requires at least: 6.7
Requires PHP: 7.4
License:     GPL-2.0-or-later
Text Domain: fop-franklin
Update URI:  false
*/

/* ---------- Startseite: Abschnitte ohne Lücken aneinander ---------- */
body.home .wp-site-blocks > * + *,
.franklin-front .wp-block-post-content > * + * {
	margin-block-start: 0;
}
.franklin-front { margin-block-start: 0; }

/* ---------- Kleine Bausteine ---------- */
.franklin-eyebrow {
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0.2rem 0.6rem;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.franklin-lead {
	max-width: 38ch;
	color: var(--wp--preset--color--accent-4);
	font-size: clamp(1.15rem, 2vw, 1.35rem);
}
.franklin-hint {
	color: var(--wp--preset--color--accent-4);
	font-size: 0.9rem;
}
.franklin-logo-big img { width: 100%; max-width: 560px; height: auto; }
.franklin-fassade img { width: 100%; height: auto; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.18)); }

.wp-element-button,
.wp-block-button__link { transition: transform 0.15s; }
.wp-element-button:hover,
.wp-block-button__link:hover { transform: translateY(-2px) rotate(-0.5deg); }

/* Karten (Produkte) und Hinweiskasten (Bürgerverein) */
.franklin-card {
	height: 100%;
	padding: 22px;
	border-radius: 4px 22px 4px 22px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.franklin-card h3 { margin-bottom: 0.2em; }
.franklin-card p { margin: 0; font-size: 0.95rem; }
.franklin-card figure { margin: 0 0 12px; }
.franklin-card img { width: 100%; height: auto; }

.franklin-callout {
	padding: 20px 22px;
	border-left: 10px solid var(--wp--preset--color--accent-3);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.franklin-callout a { color: inherit; }

/* Kopf und Fuß */
.franklin-header .wp-block-navigation { font-weight: 700; }
.franklin-header .wp-block-navigation a { text-decoration: none; border-bottom: 3px solid transparent; }
.franklin-header .wp-block-navigation a:hover { border-color: var(--wp--preset--color--accent-2); color: inherit; }
/* Auf der Startseite steht das große Logo im Kopfbereich – das kleine im Header würde es doppeln.
   visibility statt display, damit das Menü rechts bleibt. */
body.home .franklin-header .wp-block-image { visibility: hidden; }
.franklin-footer { font-size: 0.95rem; }
.franklin-footer p { margin: 0; }

/* Fokus gut sichtbar */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-2);
	outline-offset: 3px;
}

/* ---------- Plugin „Franklin Schwarzes Brett“ an die Farben anpassen ---------- */
.fop-aushang {
	border-color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.fop-mini__zettel {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.fop-badge {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}
.fop-form input[type="text"],
.fop-form input[type="email"],
.fop-form select,
.fop-form textarea {
	border-color: var(--wp--preset--color--accent-4);
	background: #fff;
	color: var(--wp--preset--color--base);
}
.fop-form button,
.fop-filter a[aria-current="true"] {
	border-color: var(--wp--preset--color--accent-1);
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}
.fop-form button { border-radius: 4px 14px 4px 14px; font-weight: 800; }
.fop-neu > summary { border-radius: 4px 14px 4px 14px; }
.fop-aushang .fop-form input,
.fop-aushang .fop-form textarea { border-color: var(--wp--preset--color--base); }

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link { transition: none; }
}