/*
Theme Name: Elektro
Theme URI: https://fortuna-elektro.com
Author: Fortuna Elektro
Description: WordPress-Theme für Fortuna Elektro GmbH, konvertiert aus dem statischen Enterprise-Pro-Layout. Nutzt ACF Pro für Inhaltsfelder und Contact Form 7 für Formulare.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elektro
Tags: business, custom-menu, featured-images, translation-ready
*/

/* Die eigentlichen Layout-Stile liegen in assets/css/ und werden über inc/enqueue.php geladen. */

/*
 * Desktop header shell: toolbar + navbar fixed together (original custom.css
 * used separate fixed elements; wrapping avoids white gaps / toolbar scroll-away).
 */
.elektro-header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
}

.elektro-header-fixed .tm-toolbar.tm-toolbar-default {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	z-index: auto;
	background: linear-gradient(90deg, rgba(11, 66, 149, 1) 0%, rgba(162, 29, 34, 1) 100%) !important;
	color: #e7e7e7 !important;
}

.elektro-header-fixed .tm-header {
	position: relative;
	margin-top: 0;
	top: auto;
	width: 100%;
	z-index: auto;
	box-shadow: 4px 4px 4px #00000030;
}

.elektro-header-fixed .tm-header .uk-navbar-container:not(.uk-navbar-transparent) {
	background: #ffffff;
}

/* Content offset under fixed desktop header (~40px toolbar + ~82px navbar). */
@media (min-width: 960px) {
	.sppb-column-addons .addon-root-uislideshow {
		margin-top: 122px;
	}

	.sp-page-title {
		padding-top: 162px;
	}

	.tm-header-mobile {
		position: relative;
	}
}

.tm-header-mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

@media (max-width: 959.98px) {
	.sppb-column-addons .addon-root-uislideshow {
		margin-top: 70px;
	}

	.sp-page-title {
		padding-top: 100px;
	}
}

/*
 * .about-screen zieht die Spalten um 80px nach oben. Im Original existierte der
 * Abschnitt zweimal mit unterschiedlichem Markup je Breakpoint; hier gibt es nur
 * eine Variante, daher muss der Versatz entfallen, sobald die Spalten stapeln
 * (.sppb-col-md-6 wird unter 992px zu 100% Breite).
 */
@media (max-width: 991.98px) {
	.about-screen .sppb-column {
		margin-top: 0;
	}

	#about img.el-image {
		margin-bottom: 30px;
	}
}

/* Home: restore original section spacing the export carried as inline styles. */
.sp-page-builder .page-content #service,
#service.sppb-section {
	padding-top: 120px;
	padding-bottom: 120px;
}

.sp-page-builder .page-content .elektro-leistungen-grid,
.elektro-leistungen-grid {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* CTA button used a hard-coded SP Page Builder ID in the export CSS. */
.dasteam .elektro-cta-btn.sppb-btn-custom {
	color: #ffffff !important;
	border-radius: 30px 0 !important;
	background: linear-gradient(90deg, rgba(11, 66, 149, 1) 0%, rgba(162, 29, 34, 1) 100%) !important;
	border: 4px solid #eaeff3;
	box-shadow: 4px 4px 4px #222 !important;
	padding: 20px 0;
	width: 360px;
	max-width: 100%;
	margin-top: 10px;
	text-align: center;
}

.dasteam .elektro-cta-btn.sppb-btn-custom:hover {
	background: #0b4295 !important;
}

/* Projekte hover tiles */
.Projekte a.ui-item {
	display: block;
	border-radius: 50px 0;
	overflow: hidden;
}

.Projekte img.ui-image {
	border-radius: 50px 0;
	width: 100%;
	display: block;
}