/*
Theme Name: FlorianG
Template: twentytwentyfive
Description: Child-Theme für floriang.dev auf Basis von Twenty Twenty-Five.
Version: 1.0.1
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: floriang
*/

/* Karten der App-Übersicht: ganze Karte klickbar über den Titel-Link */
.fg-card {
	position: relative;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fg-card:hover,
.fg-card:focus-within {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px -18px rgba(16, 35, 63, .45);
	border-color: var(--wp--preset--color--accent-1) !important;
}
.fg-card h3 a { text-decoration: none; color: inherit; }
.fg-card h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.fg-card h3 a:focus-visible { outline: none; }
.fg-card:focus-within { outline: 3px solid var(--wp--preset--color--accent-1); outline-offset: 3px; }
.fg-card .fg-more { margin-top: auto; }

.fg-eyebrow {
	letter-spacing: .12em;
	text-transform: uppercase;
}
.fg-badge {
	display: inline-block;
	padding: .2rem .65rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-3);
}
.fg-hero { background-image: radial-gradient(circle at 85% 15%, rgba(214, 40, 57, .16), transparent 45%), radial-gradient(circle at 10% 90%, rgba(16, 35, 63, .10), transparent 40%); }

/* Lange Datenschutztexte gut lesbar halten */
.single .wp-block-post-content p,
.single .wp-block-post-content li { line-height: 1.7; }
.single .wp-block-post-content strong:only-child { font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
	.fg-card { transition: none; }
	.fg-card:hover, .fg-card:focus-within { transform: none; }
}

/* Lange deutsche Wörter (z. B. „Datenschutzerklärung“) sauber trennen */
h1, h2, h3, .wp-block-post-title { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
@media (max-width: 600px) {
	h1.wp-block-post-title, .wp-block-post-title.has-xx-large-font-size { font-size: clamp(1.9rem, 8.5vw, 2.6rem) !important; }
}