/*
Theme Name: StreetTrekker Theme
Theme URI: https://streettrekker.de
Author: StreetTrekker
Description: Eigenes StreetTrekker WordPress Theme für Orte, Spuren, Karten und App-nahe Inhalte.
Version: 0.1.0
Text Domain: streettrekker
Requires at least: 6.0
Requires PHP: 8.1
*/

/* ----------------------------------------------------
   StreetTrekker Single Place: Grundlayout
---------------------------------------------------- */

.st-place-single {
	background: #f5f1e9;
	min-height: 70vh;
}

.st-place-shell {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	padding: 24px 0 64px;
}

.st-place-header {
	margin: 18px 0 22px;
}

.st-place-title {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.05;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: #181512;
}

.st-place-content {
	max-width: 820px;
	font-size: 1.05rem;
	line-height: 1.75;
	color: #26211c;
}

.st-place-content p {
	margin: 0 0 1.2em;
}

/* ----------------------------------------------------
   StreetTrekker Breadcrumbs
---------------------------------------------------- */

.st-breadcrumbs {
	margin: 0 0 18px;
	font-size: 0.86rem;
	color: #6f6a60;
}

.st-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.st-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	line-height: 1.4;
}

.st-breadcrumbs__item:not(:last-child)::after {
	content: "›";
	color: #b46a38;
	font-weight: 800;
}

.st-breadcrumbs a {
	color: #6f6a60;
	text-decoration: none;
}

.st-breadcrumbs a:hover,
.st-breadcrumbs a:focus {
	color: #b85f2b;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.st-breadcrumbs span[aria-current="page"] {
	color: #2b2823;
	font-weight: 800;
}

@media (max-width: 640px) {
	.st-place-shell {
		width: min(100% - 32px, 1180px);
		padding-top: 18px;
	}

	.st-place-title {
		font-size: 2rem;
	}

	.st-breadcrumbs {
		font-size: 0.8rem;
	}
}