/*
Theme Name: Astra Child "Briefmarke"
Template: astra
Version: 1.9.4
Beschreibung: Angepasstes Astra-Child-Theme für Philatelie Wagner e.U.
*/
:root {
	--paper: #f6eedd;
	--paper-dark: #efe3c8;
	--ink: #3b2f24;
	--accent: #b3402a;
	--brown: #8a5a2b;
	--rule: #d8c9a5;
}
* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--paper);
	background-image: linear-gradient(180deg, #f9f2e2 0%, #f3e8d0 100%);
	color: var(--ink);
	font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
}
.site { max-width: 1080px; margin: 0 auto; padding: 0 18px; }
a { color: var(--accent); }
a:hover { color: var(--brown); }
.site-header {
	border-bottom: 4px double var(--brown);
	padding: 22px 0 14px;
	background: transparent;
}
.site-branding { display: flex; align-items: center; gap: 16px; }
.site-title {
	font-family: 'Merriweather', Georgia, serif;
	font-size: 34px;
	margin: 0;
	letter-spacing: .5px;
	color: var(--ink);
	text-decoration: none;
}
.custom-logo-link { display: inline-flex; text-decoration: none; }
.site-description {
	margin: 4px 0 0;
	font-style: italic;
	color: var(--brown);
	font-family: 'Merriweather', serif;
}
.main-navigation { margin-top: 14px; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.main-navigation li a {
	display: block;
	padding: 7px 14px;
	text-decoration: none;
	color: var(--ink);
	font-weight: 600;
	border: 1px solid var(--rule);
	background: rgba(255,252,240,.6);
	border-radius: 2px;
}
.main-navigation li.current-menu-item a,
.main-navigation li a:hover {
	background: var(--accent);
	color: #f9f2e2;
	border-color: var(--accent);
}
.site-content { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 34px; padding: 34px 0; }
@media (max-width: 840px) { .site-content { grid-template-columns: 1fr; } }
.entry {
	background: #fffdf4;
	border: 1px solid var(--rule);
	border-radius: 2px;
	padding: 26px 30px 20px;
	margin-bottom: 30px;
	box-shadow: 0 1px 3px rgba(90,60,20,.12);
}
.entry-title {
	font-family: 'Merriweather', Georgia, serif;
	font-size: 25px;
	line-height: 1.3;
	margin: 0 0 8px;
}
.entry-title a { color: var(--ink); text-decoration: none; }
.entry-title a:hover { color: var(--accent); }
.entry-meta {
	font-size: 13.5px;
	color: #8b7a5e;
	border-bottom: 1px dashed var(--rule);
	padding-bottom: 10px;
	margin-bottom: 16px;
}
.entry-content p { margin: 0 0 14px; }
.entry-content img { border: 1px solid var(--rule); padding: 4px; background: #fff; }
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px);
}
.widget {
	background: var(--paper-dark);
	border: 1px solid var(--rule);
	padding: 18px 20px;
	margin-bottom: 24px;
}
.widget-title {
	font-family: 'Merriweather', serif;
	font-size: 17px;
	margin: 0 0 10px;
	color: var(--brown);
	border-bottom: 2px solid var(--brown);
	display: inline-block;
	padding-bottom: 3px;
}
.widget ul { list-style: square; padding-left: 18px; margin: 0; }
.widget li { margin-bottom: 7px; font-size: 15px; }
.site-footer {
	border-top: 4px double var(--brown);
	padding: 20px 0 34px;
	font-size: 14px;
	color: #6f604a;
}
.site-footer a { color: var(--brown); }
.footer-note { font-style: italic; margin: 4px 0 0; }
.posts-navigation .nav-links a { text-decoration: none; font-weight: 600; }
/* Tabellen (Verzeichnis) */
table.stamp-table { width: 100%; border-collapse: collapse; background: #fffdf4; font-size: 15.5px; }
table.stamp-table th, table.stamp-table td { border: 1px solid var(--rule); padding: 8px 10px; text-align: left; vertical-align: top; }
table.stamp-table th { background: var(--paper-dark); font-family: 'Merriweather', serif; }
table.stamp-table tr:nth-child(even) td { background: #faf4e3; }
.page-hero {
	background: var(--paper-dark);
	border: 1px solid var(--rule);
	padding: 18px 24px;
	margin-bottom: 26px;
}
.page-hero h1 { font-family: 'Merriweather', serif; margin: 0 0 6px; font-size: 30px; }
.stamp-thumb {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--brown);
	padding: 5px;
	box-shadow: 2px 2px 0 rgba(90,60,20,.18);
}