/*
Theme Name: Kadence Child CDU
Template: kadence
Version: 1.3.1
*/

/* Import CDU Corporate Design Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800&family=IBM+Plex+Serif:wght@400;600;700&display=swap');
/* Import Satisfy for Script Logo */
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

/* Import Custom CDU CSS */
/* CDU Design - Custom CSS from neumann-martin.de */

.wp-block-heading {
	display: inline-block;
	padding: 0em 0.3em;
	color: white;
	background-color: #2d3c4b;
}

.cnm-bg-welcome {
	margin-top: -2rem;
	margin-left: -2rem;
	margin-right: -2rem;
	padding: 2rem;
}

.cnm-bg-welcome.wp-block-columns {
	margin-top: -2rem;
	margin-bottom: 0;
}

.cnm-bg {
	margin-left: -2rem;
	margin-right: -2rem;
	padding-top: 2rem;
}

.cnm-bg input[type=submit] {
	background-color: #FFC314;
	font-weight: bold;
}

/* Additional styling for consistency */
:root {
	--global-palette1: #52b7c1;
	--global-palette2: #ffc314;
	--global-palette3: #52b7c1;
	--global-palette4: #2D3748;
	--global-palette5: #4A5568;
	--global-palette6: #718096;
	--global-palette7: #EDF2F7;
	--global-palette8: #F7FAFC;
	--global-palette9: #ffffff;
	/* CDU Corporate Design Typography */
	--cdu-font-heading: 'Inter', sans-serif;
	--cdu-font-body: 'IBM Plex Serif', serif;
	/* CDU Corporate Design Colors */
	--cdu-gold: #FFA600;
}

body {
	background: var(--global-palette8);
	font-size: 17px;
	line-height: 1.6;
	color: var(--global-palette4);
	font-family: var(--cdu-font-body);
}

p {
	margin-bottom: 1em !important;
}

.entry-content p {
	margin-bottom: 1em !important;
}

.content-bg, body.content-style-unboxed .site {
	background: var(--global-palette9);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--global-palette3);
	font-family: var(--cdu-font-heading);
	font-weight: 800;
}

h1 {
	font-size: 32px;
	line-height: 1.25;
}

/* CDU Gold Highlight für Akzent-Zeilen */
.gold-highlight {
	color: var(--cdu-gold) !important;
}

/* Custom Name Logo: Sengül ENGELHORN */
.custom-name-logo {
	display: flex !important;
	align-items: baseline;
	gap: 8px;
	line-height: 1 !important;
	margin-top: 20px !important;
}

.custom-name-logo .logo-first {
	font-family: 'Satisfy', cursive !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	font-size: 3rem !important;
}

.custom-name-logo .logo-last {
	font-family: 'Inter', sans-serif !important;
	font-weight: 800 !important;
	color: #2D3C4B !important; /* Rhöndorf-Blau */
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size: 1.5rem !important;
}

h2 {
	font-size: 28px;
	line-height: 1.5;
}

h3 {
	font-size: 24px;
	line-height: 1.5;
}

/* Navigation styling */
.site-main-header-inner-wrap {
	min-height: 80px;
}

.site-main-header-wrap .site-header-row-container-inner {
	background: #52b7c1;
}

/* Navigation - Weiß mit Gold-Hover */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
	color: #ffffff !important;
	padding: 0.6em calc(1.2em / 2);
	transition: color 0.3s ease;
}

/* Navigation Hover: CDU Union-Gold */
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
	color: #FFA600 !important; /* Union-Gold */
}

/* Navigation Active: Auch Gold */
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item.current_page_item > a {
	color: #FFA600 !important; /* Union-Gold */
}

/* Buttons */
button, .button, .wp-block-button__link {
	background-color: var(--global-palette1);
	color: #ffffff;
	border-radius: 4px;
	padding: 0.8em 1.5em;
	font-weight: 600;
}

button:hover, .button:hover, .wp-block-button__link:hover {
	background-color: var(--global-palette2);
}

/* Entry styling */
.entry.single-entry, .entry.loop-entry {
	box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.05);
}

.entry-content-wrap {
	padding: 2rem;
}

/* Footer */
.site-middle-footer-inner-wrap, .site-bottom-footer-inner-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Remove spacing between header and first block on all pages with hero images */
.content-bg,
.content-style-unboxed .site {
	padding-top: 0 !important;
}

.entry-content-wrap {
	padding-top: 0 !important;
}

.entry-content > .alignfull:first-child {
	margin-top: 0 !important;
}

/* Remove any default spacing from content area */
.site-content {
	padding-top: 0 !important;
}

article.entry {
	margin-top: 0 !important;
}

/* Remove spacing from primary content area */
#primary.content-area {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Hero section styling for all pages */
.wp-block-cover.alignfull {
	margin-top: 0 !important;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Remove redundant entry-hero section on pages with custom hero images */
.page .entry-hero.page-hero-section {
	display: none !important;
}

/* Mobile: Hide title in cover block and show mobile title below image */
@media (max-width: 767px) {
	/* Hide H1 and H2 inside cover block on mobile for ALL pages including homepage */
	.wp-block-cover h1,
	.wp-block-cover h2,
	.wp-block-cover .wp-block-heading {
		display: none !important;
	}

	/* Kein Abstand unter dem Cover-Block auf Mobile */
	.wp-block-cover {
		margin-bottom: 0 !important;
	}

	/* Mobile-spezifische H1 unter dem Bild - volle Breite mit linksbündigem Text */
	h1.mobile-page-title-fullwidth {
		display: block !important;
		width: 100% !important;
		font-size: 28px !important;
		font-weight: 800 !important;
		color: white !important;
		background-color: #2d3c4b !important;
		text-align: left !important;
		padding: 0.6em 1em !important;
		font-family: var(--cdu-font-heading) !important;
		line-height: 1.25 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* Mobile-spezifische H2 unter dem H1 (Homepage) - volle Breite mit dunklem Hintergrund */
	h2.mobile-page-subtitle-fullwidth {
		display: block !important;
		width: 100% !important;
		font-size: 18px !important;
		font-weight: 400 !important;
		color: #52b7c1 !important;
		background-color: #2d3c4b !important;
		text-align: left !important;
		padding: 0.8em 1em !important;
		font-family: var(--cdu-font-body) !important;
		line-height: 1.5 !important;
		margin: 0 0 30px 0 !important;
		box-sizing: border-box !important;
	}

	/* Bold text in H2 */
	h2.mobile-page-subtitle-fullwidth strong {
		font-weight: 700 !important;
	}
}

/* Force h1 and h2 to stack vertically on homepage cover block */
.wp-block-cover__inner-container {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

/* Aktuelle Themen - Responsive Grid */
.wp-block-latest-posts__list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 2rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 2rem 0 !important;
}

.wp-block-latest-posts__list li {
	display: flex !important;
	flex-direction: column !important;
}

/* Tablets - 2 Spalten */
@media (max-width: 1024px) {
	.wp-block-latest-posts__list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Smartphones - 1 Spalte */
@media (max-width: 767px) {
	.wp-block-latest-posts__list {
		grid-template-columns: 1fr !important;
		gap: 1.5rem !important;
	}
}

/* Footer - CDU Corporate Design */
.site-footer {
	background-color: #2d3c4b !important;
	color: #ffffff !important;
	font-family: var(--cdu-font-body) !important;
	padding: 40px 20px !important;
	border-top: 10px solid var(--cdu-gold) !important;
}

.site-footer,
.site-footer p,
.site-footer a,
.site-footer .footer-widget-area,
.site-middle-footer-inner-wrap,
.site-bottom-footer-inner-wrap,
.site-top-footer-inner-wrap {
	background-color: #2d3c4b !important;
	color: #ffffff !important;
}

.site-footer a {
	color: #ffffff !important;
	text-decoration: none;
	transition: opacity 0.3s;
}

.site-footer a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.site-footer .footer-navigation a {
	padding: 0 10px;
}

/* Footer Layout */
.site-footer .site-footer-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1290px;
	margin: 0 auto;
}

.footer-content-wrapper {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	flex-wrap: wrap !important;
}

.footer-content-wrapper .footer-text {
	flex: 1;
	font-size: 14px;
	line-height: 1.8;
}

.footer-content-wrapper .footer-text a {
	color: #ffffff !important;
	margin: 0 5px;
}

.footer-logo {
	max-width: 150px;
	margin-left: 40px;
	flex-shrink: 0;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 4px;
}

.footer-logo img {
	display: block;
	width: 100%;
	height: auto;
}

/* Footer Widget Styling */
.site-footer .widget {
	margin-bottom: 0 !important;
}

.site-footer .textwidget {
	color: #ffffff !important;
}

@media (max-width: 767px) {
	.site-footer .site-footer-wrap {
		flex-direction: column;
		text-align: center;
	}

	.footer-content-wrapper {
		flex-direction: column !important;
		text-align: center !important;
	}

	.footer-content-wrapper .footer-text {
		margin-bottom: 20px;
	}

	.footer-logo {
		margin-left: 0;
		margin-top: 20px;
		max-width: 120px;
	}
}