/*
 Theme Name:   Specia Child - UWG
 Template:     specia
 Description:  Kindertheme fuer die UWG/Freie Waehler Seite - Farben kommen aus dem echten Elementor-Kit
 Version:      1.0.0
*/

@import url('../specia/style.css');

/* Stadtbild Übach-Palenberg als Hintergrund der Seiten-Kopfzeile (Breadcrumb-Bereich) */
section.breadcrumb {
	background: url('/wp-content/uploads/staedtebilder/uebach-pano.jpg') center center / cover no-repeat;
}

.breadcrumb .background-overlay {
	background: rgba(246, 246, 246, 0.82);
}

/* Footer-Bereich: Naturbild mit gruenem Farbfilter statt unstyled dunkelgrau */
footer.footer-sidebar {
	background: url('/wp-content/uploads/staedtebilder/wurmauenpark.jpg') center center / cover no-repeat;
}

footer.footer-sidebar .background-overlay {
	background-color: rgba(9, 113, 24, 0.78);
	opacity: 1;
}

section.footer-copyright {
	background-color: #b35900;
}

section.footer-copyright p a {
	color: #ffffff;
	text-decoration: underline;
}

section.footer-copyright p a:hover {
	color: #ffd9a8;
}

/* Payment-Icon-Spalte ist leer (kein Zahlungsanbieter) - Copyright-Zeile bekommt die volle Breite, damit Impressum/Datenschutz nicht umbrechen */
.footer-copyright .col-md-6:first-child {
	width: 100%;
	float: none;
}

.footer-copyright .col-md-6:last-child {
	display: none;
}

.footer-sidebar .widget-title,
.footer-sidebar .title-border {
	color: #ffffff;
}

/* Icon-Box-Widgets (z.B. "Unser Team", "Unsere Verantwortung"): Icon gruen als kleiner Farbtupfer */
.elementor-icon-box-icon .elementor-icon,
.elementor-icon-box-icon .elementor-icon svg {
	color: #097118;
	fill: #097118;
}

/* Theme-Regel "h1..h6 span { color: #00a3c8 }" macht Icon-Box-Titel blau - hier zurueck auf Orange */
.elementor-icon-box-title,
.elementor-icon-box-title span {
	color: #fc8100;
}

/* Social-Icons im grauen Header-Balken groesser als Theme-Standard */
#social_widget li a {
	font-size: 20px;
	line-height: 36px;
}

/* Core-Button-Block hat ohne wp-block-library-CSS keine Optik - hier nachgerüstet */
.wp-block-buttons {
	display: flex;
	gap: 10px;
}

.wp-block-button__link {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 4px;
	color: #ffffff !important;
	font-weight: 600;
	text-decoration: none;
}

.wp-block-button__link:hover {
	opacity: 0.85;
}

/* Startseite: Neueste-Beitraege-Block (ersetzt kaputtes Elementor-Pro-Widget) */
.uwg-latest-posts.wp-block-latest-posts__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uwg-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.uwg-latest-posts .wp-block-latest-posts__post-title {
	display: block;
	color: #b35900;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 6px;
}

.uwg-latest-posts .wp-block-latest-posts__post-title:hover {
	text-decoration: underline;
}

.uwg-latest-posts .wp-block-latest-posts__post-date {
	display: block;
	color: #888;
	font-size: 13px;
	margin-bottom: 10px;
}

.uwg-latest-posts .wp-block-latest-posts__post-excerpt {
	color: #444;
	line-height: 1.6;
}

.uwg-latest-posts .wp-block-latest-posts__read-more {
	color: #fc8100;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

@media (max-width: 782px) {
	.uwg-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
		grid-template-columns: 1fr;
	}
}

/* "Aktuelles"-Seite: die 2 eingebetteten Instagram-Posts nebeneinander */
.uwg-instagram-only {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin-top: 30px;
}

.uwg-instagram-only .instagram-media {
	margin: 0 auto !important;
	width: 100% !important;
}

@media (max-width: 782px) {
	.uwg-instagram-only {
		grid-template-columns: 1fr;
	}
}

/* Startseite: Vorstandsfoto neben dem Einleitungstext */
#herophoto1 img {
	border-radius: 6px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* Startseite: Instagram-Werbesektion */
.uwg-instagram-promo {
	max-width: 1000px;
	margin: 0 auto;
	padding: 60px 20px;
	text-align: center;
}

.uwg-instagram-promo h2 {
	color: #b35900;
	margin-bottom: 10px;
}

.uwg-instagram-promo > p {
	color: #666;
	margin-bottom: 30px;
}

.uwg-instagram-promo__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	justify-items: center;
	margin-bottom: 30px;
}

.uwg-instagram-promo__grid .instagram-media {
	margin: 0 auto !important;
	width: 100% !important;
}

.uwg-instagram-cta {
	display: inline-block;
	padding: 12px 32px;
	border-radius: 4px;
	background-color: #fc8100;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
	transition: opacity 0.3s;
}

.uwg-instagram-cta:hover {
	opacity: 0.85;
	color: #ffffff;
}

@media (max-width: 782px) {
	.uwg-instagram-promo__grid {
		grid-template-columns: 1fr;
	}
}

/* Logo-Ladebildschirm beim Betreten der Startseite */
#uwg-preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

#uwg-preloader img {
	max-width: 220px;
	width: 60%;
	opacity: 0;
	transform: scale(0.85);
	animation: uwg-preloader-logo-in 0.7s ease forwards;
}

#uwg-preloader.uwg-preloader-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@keyframes uwg-preloader-logo-in {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#uwg-preloader img {
		animation: none;
		opacity: 1;
		transform: none;
	}
}