/*
Theme Name: 500 Places
Theme URI: https://500places.com
Author: Markus Haberkern
Description: Block-Theme für 500places.com – dunkel, Raleway und Lora, nur Core-Blöcke.
Version: 0.1.6
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.2
License: GNU General Public License v2 or later
Text Domain: 500places
*/

/* Box-Layout: Seite in fester Breite auf dunklem Grund (Breite in theme.json → custom.boxWidth) */

.wp-site-blocks {
	background: var(--wp--preset--color--surface);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	max-width: var(--wp--custom--box-width);
	min-height: 100vh;
}

/* Header -------------------------------------------------------------- */

.site-logo-row {
	padding-bottom: 20px;
	padding-top: 20px;
}

.site-header > .site-nav {
	margin-block-start: 0;
}

.site-nav .wp-block-navigation {
	gap: 0;
}

.site-nav .wp-block-navigation-item__content {
	line-height: 60px;
	padding: 0 14px;
}

.site-nav .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.site-nav .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--text);
}

/* Dunkle Inhaltskästen wie bei Jannah --------------------------------- */

.site-main {
	padding-bottom: 30px;
	padding-top: 30px;
}

.site-main > * + * {
	margin-block-start: 30px;
}

.is-style-card {
	background: var(--wp--preset--color--base);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	padding: 30px;
}

.content-columns {
	gap: 30px;
}

/* Beitragskarten ------------------------------------------------------ */

.post-card .wp-block-post-featured-image img,
.post-list .wp-block-post-featured-image img {
	border-radius: 4px;
}

.post-list .wp-block-post-template > li + li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 1rem;
}

.section-head {
	border-bottom: 2px solid var(--wp--preset--color--primary);
	padding-bottom: 0.5rem;
}

.section-head a {
	text-decoration: none;
}

/* Sidebar ------------------------------------------------------------- */

.sidebar {
	position: sticky;
	top: 2rem;
}

/* Inhalts-Stile aus der Kadence-Konvertierung ------------------------- */

/* Box: Karten mit Rahmen und Schatten (Tipps, Fakten, Karten) */
.is-style-box {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px;
	box-shadow: 0 0 60px 20px rgba(0, 0, 0, 0.3);
	padding: 1.5rem;
}

/* Große Zahl in der Faktenbox */
.fact-number {
	color: var(--wp--preset--color--link);
	font-family: var(--wp--preset--font-family--raleway);
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 0;
}

/* Sternebewertung */
.rating {
	color: var(--wp--preset--color--accent);
	font-size: 1.75rem;
	letter-spacing: 0.15em;
}

/* Roter Nummern-Kreis vor den Sehenswürdigkeiten */
.sight-number {
	align-items: center;
	background: var(--wp--preset--color--accent);
	border-radius: 50%;
	color: var(--wp--preset--color--text);
	display: flex;
	font-family: var(--wp--preset--font-family--raleway);
	font-size: 1.1rem;
	font-weight: 800;
	height: 3rem;
	justify-content: center;
	width: 3rem;
}

/* Footer -------------------------------------------------------------- */

.site-footer a {
	color: var(--wp--preset--color--meta);
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--wp--preset--color--link);
}

.site-footer .wp-block-categories {
	list-style: none;
	padding-left: 0;
}