/*
 * Modernization layer for the baechtold theme.
 * Loaded after gravit.css — adds brand-accent color, card treatment for
 * tables, and softer depth, without touching the legacy base stylesheet.
 */

:root {
	--brand-teal: #0e7c86;
	--brand-teal-dark: #0b626a;
	--brand-ink: #4b4a47;
}

body {
	background: #f7f7f5;
}

/* The legacy theme reserved 100px above/below every page for a full-width
   featured image we don't use — tighten it back down. */
.hentry {
	margin: 40px 0 60px;
}

/* Header gets a crisp accent line instead of the flat gray border */
.site-header {
	background-color: #fff;
	border-bottom: 3px solid var(--brand-teal);
}

.header-image {
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Mobile hamburger icon: brand teal instead of the old theme's red */
#menu-toggle {
	color: var(--brand-teal);
}

/* Nav: teal underline on hover/active instead of gray */
.main-navigation a {
	transition: color 0.15s ease;
}
.main-navigation a:hover {
	color: var(--brand-teal);
}
.main-navigation li a:hover,
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	border-bottom: 2px solid var(--brand-teal);
}

/* Links */
a, a:visited {
	color: var(--brand-teal);
}
a:hover, a:focus, a:active {
	color: var(--brand-teal-dark);
}

/* Content is split into individual cards per section (intro text, a table,
   the map, etc.) instead of one big card wrapping the whole page. */
.content-card {
	background: #fff;
	padding: 40px 50px;
	border-radius: 8px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
}
.content-card + .content-card {
	margin-top: 24px;
}
.content-card > *:first-child {
	margin-top: 0;
}
.content-card > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
	.content-card {
		padding: 30px;
	}
}
@media screen and (max-width: 783px) {
	.content-card {
		padding: 24px;
		border-radius: 0;
		box-shadow: none;
	}
	.content-card + .content-card {
		margin-top: 16px;
	}
}

/* Tables inherit the card's white background; just refine the accent */
table th, table td {
	border-bottom-color: #eee;
}
/* Lists inside table cells (e.g. Arbeitsbeispiele) don't need the base
   theme's full 1.5em bottom margin on top of the cell's own padding */
table td ul,
table td ol {
	margin-bottom: 0;
}
table tr:hover td {
	background-color: #f7fbfb;
}

/* Section titles inside a card (e.g. "Arbeitsbeispiele", "Anfahrt") match
   the bold teal treatment used for table row labels like "Firma" */
.content-card h5 {
	color: var(--brand-teal-dark);
	font-size: 20px;
	margin-bottom: 18px;
}

/* Contact-style label column gets a touch of brand color */
.entry-content table td.conten_bold,
.entry-content table td[style*="font-weight: bold"] {
	color: var(--brand-teal-dark) !important;
}

/* Map embed: Leaflet + CartoDB Positron (clean light basemap, no API key) */
#anfahrt-map {
	height: 400px;
	border-radius: 6px;
}
.leaflet-tooltip {
	font-size: 15px;
	line-height: 1.4;
	padding: 8px 12px;
	z-index: 700 !important;
}

/* Content images: same soft depth treatment as the header logo */
.entry-content img {
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.entry-content figcaption {
	color: #888;
	font-size: 0.9em;
	margin-top: 8px;
}

/* Footer */
.site-footer {
	background-color: #fff;
	border-top: 1px solid #eee;
}
.site-info {
	color: #888;
	font-size: 0.9em;
}