/*
Theme Name: Quylo Child
Theme URI: http://uicore.co/
Description: SEO & Digital Marketing Agency WordPress Theme
Author: UiCore
Author URI: http://uicore.co/
Template: quylo
Version: 1.0.0
Text Domain: quylo-child
Tested up to: 6.7
Requires PHP: 7.4.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

 /* Add your custom style here */

@media (min-width: 1024px) {
	html, body {
		scroll-padding-top: 175px;
	}
}


/* ── Werkstatt Services Grid ──────────────────────────── */
.ab-services-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 25px;
	row-gap: 75px;
}

.ab-service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 500px;
	background-color: #fff;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Gradient overlay: transparent → #003458 */
.ab-service-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 25%, #003458 55%);
	pointer-events: none;
}

.ab-service-card:hover {
	transform: scale(1.02);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5);
}

.ab-service-spacer {
	flex: 1;
	min-height: 200px;
}

.ab-service-content {
	position: relative;
	z-index: 1;
	min-height: 110px;
	padding: 0 25px;
	width: 100%;
	box-sizing: border-box;
}

.ab-service-title {
	margin: 0 0 4px;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
}

.ab-service-subtitle {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}

.ab-service-footer {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	min-height: 150px;
	width: 100%;
	padding: 0 25px 25px;
	box-sizing: border-box;
	gap: 12px;
}

.ab-service-price {
	margin: 0;
	font-family: 'Fahkwang', sans-serif;
	font-size: 55px;
	line-height: 65px;
	color: #fff;
	text-align: center;
}

@media (min-width: 1024px) and (max-width: 1550px) {
	.elementor-4922 .elementor-element.elementor-element-f886ea5 {
		font-size: 14px !important;
	}
}

@media (max-width: 1550px) {
    .ab-services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .ab-service-title { font-size: 16px; }
    .ab-service-subtitle { font-size: 12px; }
    .ab-service-price { font-size: 36px; line-height: 1.2; }
    .ab-service-button { font-size: 12px; }
	
	.e-con.e-flex>.e-con-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.elementor-832 .elementor-element.elementor-element-1ae2e98 .elementor-nav-menu--main .elementor-item {
		font-size: 11px !important;
	}
}

@media (max-width: 1200px) {
    .ab-services-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 40px;
    }
    .ab-service-card { min-height: 300px; }
    .ab-service-price { font-size: 50px; }
    .ab-service-button { font-size: 12px; padding: 10px; }
}

@media (max-width: 640px) {
    .ab-services-grid {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 30px;
    }
}


.uicore-body-content {
	max-width: 1750px !important;
    margin: 0 auto;
}
#icon-sidebar {
	a {
		height: 55px;
	}
}

@media (max-width: 767px) {
	body:not(.elementor-editor-active) .site-content,
	body:not(.elementor-editor-active) #content,
	body:not(.elementor-editor-active) main {
		padding-top: 210px;
	}
	.no-display-mobile, #icon-sidebar {
		display: none !important;
	}
}

#g-review:not(.badge)[class^=layout_style-] .grwp_header .grwp_header-inner .grwp_business-title, #g-review:not(.badge)[class^=layout_style-] .grwp_header .grwp_header-inner .grwp_total-rating, #g-review:not(.badge)[class^=layout_style-] .grwp_header .grwp_header-inner .grwp_5_stars, #g-review:not(.badge)[class^=layout_style-] .grwp_header .grwp_header-inner .grwp_overall {
	color: var(--e-global-color-5878b17) !important;
}

.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
	padding: 20px;
    padding-left: 50px;
}

.elementor-832 .elementor-element.elementor-element-1ae2e98 .elementor-nav-menu--dropdown a:focus, .elementor-832 .elementor-element.elementor-element-1ae2e98 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-832 .elementor-element.elementor-element-1ae2e98 .elementor-nav-menu--dropdown a.highlighted {
	background: white;
	background-color: white !important;
}

.elementor-832 .elementor-element.elementor-element-1ae2e98 .elementor-nav-menu--dropdown a.elementor-item-active {
	background: white;
	background-color: white !important;
	border-bottom: 1px solid var(--fahrzeug-red);
}
.menu-item .back {
	display: none;
}

 @media (max-width: 1500px) {                                                                                                                                                                        
	 body {     
		 overflow-x: hidden;
	 }                                                                                                                                                                                               
	 .elementor-section,
	 .elementor-container,
	 .e-con,
	 .e-con-inner {
		 max-width: 100% !important;
	 }                                                                                                                                                                                               
}