/*
Theme Name: EDA Tech
Description: Child-Theme für EDA Tech GmbH (Lüftungs- und Klimatechnik), basiert auf Hello Elementor.
Template: hello-elementor
Version: 2.0.0
Text Domain: edatech
*/

/*
 * Layout-Richtung, Ausrichtung und Umbruch der Container werden in Elementor
 * gesetzt (auch responsiv). Hier nur Farben, Typografie, Abstände und Formen.
 * Ausnahme: der Hero, dessen Raster mobil die Reihenfolge Titel – Bild – Text braucht.
 * Abstände laufen über die Elementor-Variablen (--padding-*, --row-gap, --column-gap).
 */

/* ---------- Schrift (lokal, zwei Schnitte) ---------- */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-latin-600-normal.woff2") format("woff2"); }

/* ---------- Tokens (Farbkonzept) ---------- */
:root {
	--eda-red: #B51E2B;        /* Offertanfrage und gezielte Akzente */
	--eda-red-dark: #8F1622;   /* Hover */
	--eda-ink: #17212B;        /* Anthrazit: Überschriften und Servicebereich */
	--eda-white: #FFFFFF;
	--eda-grey: #F2F5F6;       /* Hellgrau: Leistungsflächen und Gliederung */
	--eda-text: #596673;       /* Textgrau: Begleittexte */
	--eda-line: #DCE2E6;

	--eda-header-h: 80px;
	--eda-mobilebar-h: 0px;
	--eda-gutter: clamp(16px, 5vw, 64px);
	--eda-section-y: clamp(64px, 8vw, 112px);
	/* Abstand bis zur 1200px-Inhaltsbox, damit volle Flächen mit dem Raster fluchten */
	--eda-box-edge: max(var(--eda-gutter), calc((100vw - 1200px) / 2));
}

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

body.eda-page {
	font-family: "Poppins", system-ui, sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: var(--eda-ink);
	background: var(--eda-white);
	-webkit-font-smoothing: antialiased;
}

.eda-page .elementor-heading-title { font-family: "Poppins", system-ui, sans-serif; color: inherit; }
.eda-page .elementor-widget-text-editor p { margin: 0 0 1em; }
.eda-page .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

.eda-page a:focus-visible,
.eda-page button:focus-visible,
.eda-page summary:focus-visible,
.eda-page input:focus-visible,
.eda-page textarea:focus-visible {
	outline: 3px solid var(--eda-red);
	outline-offset: 3px;
}
.eda-facts a:focus-visible,
.eda-footer a:focus-visible { outline-color: var(--eda-white); }

#leistungen, #ueber-uns, #kontakt { scroll-margin-top: var(--eda-header-h); }

/* Container-Grundwerte */
.eda-page .e-con { --content-width: 1200px; }
.eda-page .e-con.eda-flat {
	--padding-top: 0; --padding-bottom: 0; --padding-left: 0; --padding-right: 0;
}
.eda-page .e-con.eda-section {
	--padding-top: var(--eda-section-y);
	--padding-bottom: var(--eda-section-y);
	--padding-left: var(--eda-gutter);
	--padding-right: var(--eda-gutter);
}

/* ---------- Typografie ---------- */
.eda-page .eda-eyebrow .elementor-heading-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--eda-red);
}

.eda-page .eda-h2 .elementor-heading-title {
	font-size: clamp(28px, 3.2vw, 42px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.015em;
	color: var(--eda-ink);
	max-width: 22ch;
	text-wrap: balance;
}

.eda-lead p { font-size: 18px; color: var(--eda-text); max-width: 60ch; }

/* ---------- Buttons ---------- */
.eda-btn .elementor-button {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	padding: 16px 28px;
	border-radius: 3px;
	border: 2px solid var(--eda-red);
	background: var(--eda-red);
	color: var(--eda-white);
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.eda-btn .elementor-button:hover,
.eda-btn .elementor-button:focus-visible {
	background: var(--eda-red-dark);
	border-color: var(--eda-red-dark);
	color: var(--eda-white);
}
.eda-btn--outline .elementor-button {
	background: var(--eda-white);
	border-color: var(--eda-ink);
	color: var(--eda-ink);
}
.eda-btn--outline .elementor-button:hover,
.eda-btn--outline .elementor-button:focus-visible {
	background: var(--eda-ink);
	border-color: var(--eda-ink);
	color: var(--eda-white);
}
.eda-btn--dark .elementor-button {
	background: var(--eda-ink);
	border-color: var(--eda-ink);
}
.eda-btn--dark .elementor-button:hover,
.eda-btn--dark .elementor-button:focus-visible {
	background: #2A3744;
	border-color: #2A3744;
}

/* ---------- Header ---------- */
.eda-page .e-con.eda-header {
	position: sticky;
	top: 0;
	z-index: 50;
	min-height: var(--eda-header-h);
	background: var(--eda-white);
	border-bottom: 1px solid var(--eda-line);
	--padding-top: 10px;
	--padding-bottom: 10px;
	--padding-left: var(--eda-box-edge);
	--padding-right: var(--eda-box-edge);
	--row-gap: 12px;
	--column-gap: clamp(24px, 4vw, 48px);
}
.admin-bar .e-con.eda-header { top: 32px; }

.eda-brand-wrap p { margin: 0; }
.eda-brand {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	column-gap: 14px;
	align-items: center;
	text-decoration: none;
	color: var(--eda-ink);
}
.eda-brand img { grid-row: 1 / 3; width: 48px; height: 48px; display: block; }
.eda-brand__name {
	align-self: end;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.2;
	text-transform: uppercase;
}
.eda-brand__sub { align-self: start; font-size: 14px; line-height: 1.3; color: var(--eda-text); }
.eda-brand:hover { color: var(--eda-ink); }

.eda-page .elementor-widget.eda-nav { margin-left: auto; }
.eda-nav p { margin: 0; display: flex; gap: clamp(20px, 3vw, 40px); }
.eda-nav a {
	color: var(--eda-ink);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	padding: 6px 0;
	background: linear-gradient(var(--eda-red), var(--eda-red)) left bottom / 0 2px no-repeat;
	transition: background-size .2s ease;
}
.eda-nav a:hover { color: var(--eda-ink); background-size: 100% 2px; }

.eda-header .eda-btn .elementor-button { padding: 13px 24px; }

/* Mobiles Menü */
.eda-page .elementor-widget.eda-burger { display: none; }
.eda-menu summary {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	cursor: pointer;
	list-style: none;
}
.eda-menu summary::-webkit-details-marker { display: none; }
.eda-menu summary span,
.eda-menu summary span::before,
.eda-menu summary span::after {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--eda-ink);
	transition: transform .2s ease, background-color .2s ease;
}
.eda-menu summary span { position: relative; }
.eda-menu summary span::before,
.eda-menu summary span::after { content: ""; position: absolute; left: 0; }
.eda-menu summary span::before { top: -7px; }
.eda-menu summary span::after { top: 7px; }
.eda-menu[open] summary span { background: transparent; }
.eda-menu[open] summary span::before { transform: translateY(7px) rotate(45deg); }
.eda-menu[open] summary span::after { transform: translateY(-7px) rotate(-45deg); }

.eda-menu__panel {
	position: fixed;
	top: var(--eda-header-h);
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	padding: 8px var(--eda-gutter) 24px;
	background: var(--eda-white);
	border-bottom: 1px solid var(--eda-line);
	box-shadow: 0 16px 24px rgba(23, 33, 43, .08);
}
.eda-menu__panel a {
	padding: 14px 0;
	border-bottom: 1px solid var(--eda-line);
	font-size: 18px;
	font-weight: 600;
	color: var(--eda-ink);
	text-decoration: none;
}
.eda-menu__panel a.eda-menu__call { border-bottom: 0; color: var(--eda-red); font-size: 16px; }

/* ---------- Hero ---------- */
.eda-page .e-con.eda-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: 1fr auto auto 1fr;
	min-height: clamp(520px, calc(100svh - var(--eda-header-h) - 120px), 680px);
	background: var(--eda-grey);
	--padding-top: 0;
	--padding-bottom: 0;
	--padding-left: var(--eda-box-edge);
	--padding-right: 0;
	gap: 0;
}
.eda-page .e-con.eda-hero__head,
.eda-page .e-con.eda-hero__body {
	grid-column: 1;
	--padding-right: clamp(32px, 3.5vw, 56px);
}
.eda-page .e-con.eda-hero__head { grid-row: 2; --row-gap: 18px; padding-top: 56px; }
.eda-page .e-con.eda-hero__body { grid-row: 3; --row-gap: 0; padding-bottom: 56px; }

.eda-page .eda-hero__title .elementor-heading-title {
	font-size: clamp(34px, 3.4vw, 54px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--eda-ink);
}

.eda-hero__text p { font-size: 18px; color: var(--eda-text); max-width: 46ch; }
.eda-page .elementor-widget.eda-hero__text { margin: 24px 0 36px; }

.eda-page .e-con.eda-hero__actions { --row-gap: 12px; --column-gap: 12px; }

.eda-page .elementor-widget.eda-hero__img {
	grid-column: 2;
	grid-row: 1 / -1;
	align-self: stretch;
	height: 100%;
}
.eda-hero__img .elementor-widget-container { height: 100%; }
.eda-page .eda-hero__img img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
	object-position: 40% center;
}

/* ---------- Kennzahlen ---------- */
.eda-page .e-con.eda-facts {
	background: var(--eda-ink);
	color: var(--eda-white);
	--padding-top: 22px;
	--padding-bottom: 22px;
	--padding-left: var(--eda-gutter);
	--padding-right: var(--eda-gutter);
	--row-gap: 0;
}
.eda-page .e-con.eda-facts__row { --column-gap: 24px; }
.eda-page .eda-facts .eda-counter { flex: 1 1 0; }
.eda-page .eda-counter .elementor-counter { align-items: center; }
.eda-page .eda-counter .elementor-counter-number-wrapper { justify-content: center; }

.eda-page .eda-counter .elementor-counter-number-wrapper {
	font-family: "Poppins", sans-serif;
	font-size: clamp(30px, 3vw, 40px);
	font-weight: 600;
	line-height: 1.1;
	color: inherit;
}
.eda-page .eda-counter .elementor-counter-title {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: rgba(255, 255, 255, .78);
	margin-top: 4px;
	text-align: center;
}
.eda-page .elementor-widget.eda-facts__place { display: none; }

/* ---------- Leistungen ---------- */
.eda-page .e-con.eda-services { background: var(--eda-white); --row-gap: 0; }

.eda-page .e-con.eda-intro { --row-gap: 16px; margin-bottom: clamp(36px, 4vw, 48px); }

.eda-page .e-con.eda-cards { --column-gap: 24px; --row-gap: 16px; }
.eda-page .e-con.eda-card {
	flex: 1 1 0;
	background: var(--eda-grey);
	border-radius: 4px;
	--padding-top: 32px;
	--padding-bottom: 36px;
	--padding-left: 32px;
	--padding-right: 32px;
	--row-gap: 0;
}
.eda-page .eda-card__num .elementor-heading-title {
	font-size: 15px;
	font-weight: 600;
	color: var(--eda-red);
	margin-bottom: 12px;
}
.eda-page .eda-card__title .elementor-heading-title {
	font-size: clamp(20px, 1.7vw, 23px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--eda-ink);
	margin-bottom: 14px;
}
.eda-card__text p { font-size: 16px; color: var(--eda-text); }

.eda-page .e-con.eda-sectors {
	margin-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid var(--eda-line);
	--padding-top: 32px;
	--row-gap: 12px;
	--column-gap: clamp(32px, 6vw, 96px);
}
.eda-page .eda-sectors__title { flex: 0 0 auto; }
.eda-page .eda-sectors__title .elementor-heading-title {
	font-size: clamp(20px, 1.7vw, 23px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--eda-ink);
}
.eda-sectors__text p { color: var(--eda-text); max-width: 60ch; }

/* ---------- Über uns ---------- */
.eda-page .e-con.eda-about {
	background: var(--eda-grey);
	--row-gap: 40px;
	--column-gap: clamp(40px, 7vw, 112px);
}
.eda-page .e-con.eda-about__copy { flex: 1 1 0; --row-gap: 20px; }
.eda-page .elementor-widget.eda-values { flex: 0 1 440px; }

.eda-values .elementor-icon-list-items { margin: 0; }
.eda-page .eda-values .elementor-icon-list-item {
	display: block;
	margin: 0 0 12px;
	padding: 20px 24px;
	background: var(--eda-white);
	border-left: 4px solid var(--eda-red);
	border-radius: 0 4px 4px 0;
	font-size: 16px;
}
.eda-page .eda-values .elementor-icon-list-item:last-child { margin-bottom: 0; }
.eda-values .elementor-icon-list-icon { display: none; }
.eda-values .elementor-icon-list-text { color: var(--eda-text); }
.eda-values .elementor-icon-list-text strong { display: block; color: var(--eda-ink); font-weight: 600; font-size: 17px; margin-bottom: 2px; }

/* ---------- Kontakt ---------- */
.eda-page .e-con.eda-contact {
	background: var(--eda-white);
	--row-gap: 48px;
	--column-gap: clamp(40px, 6vw, 96px);
}
.eda-page .e-con.eda-contact__info { flex: 0 0 42%; --row-gap: 0; }
.eda-page .eda-contact__info .elementor-widget.eda-lead { margin: 20px 0 32px; }

/* Servicebereich in Anthrazit */
.eda-service p {
	margin: 0;
	padding: 24px 28px;
	background: var(--eda-ink);
	border-radius: 4px;
	color: var(--eda-white);
}
.eda-service__label { display: block; font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.eda-service a {
	font-size: clamp(26px, 2.6vw, 32px);
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--eda-white);
	text-decoration: none;
	border-bottom: 3px solid var(--eda-red);
}
.eda-service a:hover { color: var(--eda-white); border-color: var(--eda-white); }
.eda-service a:focus-visible { outline-color: var(--eda-white); }

.eda-page .elementor-widget.eda-addresses { margin-top: 32px; }
.eda-addresses p { font-size: 16px; color: var(--eda-text); margin: 0; }
.eda-addresses__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.eda-addresses strong { display: block; color: var(--eda-ink); font-weight: 600; margin-bottom: 2px; }
.eda-addresses .eda-mail { margin-bottom: 24px; }
.eda-addresses .eda-mail a {
	font-size: 18px;
	font-weight: 600;
	color: var(--eda-ink);
	text-decoration: underline;
	text-decoration-color: var(--eda-red);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}
.eda-addresses .eda-mail a:hover { color: var(--eda-red); }

.eda-page .e-con.eda-contact__form {
	flex: 1 1 0;
	background: var(--eda-grey);
	border-radius: 4px;
	--padding-top: clamp(24px, 3vw, 40px);
	--padding-bottom: clamp(24px, 3vw, 40px);
	--padding-left: clamp(20px, 3vw, 40px);
	--padding-right: clamp(20px, 3vw, 40px);
}

/* CF7 */
.eda-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.eda-form .eda-field { margin: 0; }
.eda-form .eda-field--wide,
.eda-form .eda-submit { grid-column: 1 / -1; margin: 0; }
.eda-form label { display: block; font-size: 15px; font-weight: 600; color: var(--eda-ink); margin-bottom: 8px; }
.eda-form .eda-optional { font-weight: 400; color: var(--eda-text); }
.eda-form input[type="text"],
.eda-form input[type="tel"],
.eda-form input[type="email"],
.eda-form textarea {
	width: 100%;
	font: inherit;
	font-size: 16px;
	color: var(--eda-ink);
	background: var(--eda-white);
	border: 1px solid #C3CCD3;
	border-radius: 3px;
	padding: 13px 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.eda-form textarea { height: 160px; min-height: 120px; resize: vertical; }
.eda-form input::placeholder,
.eda-form textarea::placeholder { color: #8A96A1; }
.eda-form input:hover,
.eda-form textarea:hover { border-color: #93A0AB; }
.eda-form input:focus,
.eda-form textarea:focus { border-color: var(--eda-ink); }

.eda-consent .wpcf7-list-item { margin: 0; }
.eda-consent label { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; font-weight: 400; color: var(--eda-text); margin: 0; }
.eda-consent input[type="checkbox"] { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--eda-red); flex: none; }

.eda-form .wpcf7-submit {
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	color: var(--eda-white);
	background: var(--eda-red);
	border: 2px solid var(--eda-red);
	border-radius: 3px;
	padding: 16px 32px;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}
.eda-form .wpcf7-submit:hover { background: var(--eda-red-dark); border-color: var(--eda-red-dark); }
.eda-contact .wpcf7-spinner { margin: 0 0 0 16px; vertical-align: middle; }

.eda-contact .wpcf7-not-valid-tip { color: var(--eda-red); font-size: 14px; margin-top: 6px; }
.eda-contact .wpcf7-not-valid { border-color: var(--eda-red) !important; }
.eda-contact .wpcf7 form .wpcf7-response-output {
	margin: 24px 0 0;
	padding: 14px 16px;
	background: var(--eda-white);
	border: 1px solid var(--eda-line);
	border-left: 4px solid var(--eda-red);
	color: var(--eda-ink);
	font-size: 15px;
}
.eda-contact .wpcf7 form.sent .wpcf7-response-output { border-left-color: #2E8B57; }

/* ---------- Footer ---------- */
.eda-page .e-con.eda-footer {
	background: var(--eda-ink);
	--padding-top: 28px;
	--padding-bottom: calc(28px + var(--eda-mobilebar-h));
	--padding-left: var(--eda-gutter);
	--padding-right: var(--eda-gutter);
	--row-gap: 12px;
	--column-gap: 24px;
}
.eda-footer p { margin: 0; font-size: 14px; color: rgba(255, 255, 255, .7); }
.eda-footer__links p { display: flex; gap: 24px; }
.eda-footer a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.eda-footer a:hover { color: var(--eda-white); text-decoration: underline; }

/* ---------- Mobile Kontaktleiste ---------- */
.eda-page .e-con.eda-mobilebar { display: none; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.eda-page .elementor-widget.eda-nav { display: none; }
	.eda-page .elementor-widget.eda-header__cta { margin-left: auto; }

	.eda-page .e-con.eda-contact__info { flex: 0 0 auto; }
	.eda-page .elementor-widget.eda-values { flex: 0 0 auto; }
}

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	:root {
		--eda-header-h: 68px;
		--eda-mobilebar-h: 72px;
	}
	body.eda-page { font-size: 16px; }

	.eda-page .e-con.eda-header { --padding-left: var(--eda-gutter); --padding-right: 8px; }
	.eda-page .elementor-widget.eda-header__cta { display: none; }
	.eda-page .elementor-widget.eda-burger { display: block; margin-left: auto; }
	.eda-brand { column-gap: 10px; }
	.eda-brand img { width: 40px; height: 40px; }
	.eda-brand__name { align-self: center; grid-row: 1 / 3; text-transform: none; letter-spacing: 0; }
	.eda-brand__sub { display: none; }

	/* Reihenfolge: Titel – Bild – Text */
	.eda-page .e-con.eda-hero {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto;
		min-height: 0;
		background: var(--eda-white);
		--padding-left: var(--eda-gutter);
		--padding-right: var(--eda-gutter);
	}
	.eda-page .e-con.eda-hero__head,
	.eda-page .e-con.eda-hero__body,
	.eda-page .elementor-widget.eda-hero__img { grid-column: 1; grid-row: auto; --padding-right: 0; }
	.eda-page .e-con.eda-hero__head { padding-top: 32px; padding-bottom: 24px; --row-gap: 12px; }
	.eda-page .e-con.eda-hero__head .eda-eyebrow { display: none; }
	.eda-page .e-con.eda-hero__body { padding-bottom: 8px; }
	.eda-page .elementor .e-con.eda-hero > .elementor-widget.eda-hero__img {
		width: calc(100% + 2 * var(--eda-gutter));
		max-width: none;
		margin: 0 calc(-1 * var(--eda-gutter));
		height: auto;
	}
	.eda-page .eda-hero__title .elementor-heading-title { font-size: clamp(28px, 7.6vw, 34px); }
	.eda-page .eda-hero__img img { height: auto; aspect-ratio: 16 / 10; }
	.eda-hero__text p { font-size: 16px; }
	.eda-page .elementor-widget.eda-hero__text { margin: 20px 0 24px; }
	.eda-hero__actions .elementor-widget-button,
	.eda-hero__actions .elementor-button { width: 100%; }
	.eda-page .eda-hero__actions .eda-btn--outline { display: none; }

	/* Kennzahlen mobil hell, wie im Konzept */
	.eda-page .e-con.eda-facts {
		background: var(--eda-white);
		color: var(--eda-ink);
		--padding-top: 24px;
		--padding-bottom: 32px;
		--row-gap: 16px;
	}
	.eda-page .e-con.eda-facts__row { --column-gap: 8px; }
	.eda-page .eda-counter .elementor-counter-number-wrapper { font-size: 26px; }
	.eda-page .eda-counter .elementor-counter-title { font-size: 12px; color: var(--eda-text); }
	.eda-page .elementor-widget.eda-facts__place { display: block; text-align: center; }
	.eda-facts__place p { font-size: 14px; color: var(--eda-text); }

	.eda-page .e-con.eda-services { --padding-top: 48px; }
	.eda-page .e-con.eda-card { --padding-top: 24px; --padding-bottom: 28px; --padding-left: 24px; --padding-right: 24px; }

	.eda-form { grid-template-columns: 1fr; }
	.eda-addresses__grid { grid-template-columns: 1fr; gap: 16px; }
	.eda-form .wpcf7-submit { width: 100%; }

	.eda-page .e-con.eda-mobilebar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 60;
		background: var(--eda-white);
		box-shadow: 0 -1px 0 var(--eda-line), 0 -8px 20px rgba(23, 33, 43, .08);
		--padding-top: 10px;
		--padding-bottom: calc(10px + env(safe-area-inset-bottom));
		--padding-left: 12px;
		--padding-right: 12px;
		--column-gap: 8px;
	}
	.eda-mobilebar .elementor-widget-button { flex: 1 1 0; }
	.eda-mobilebar .elementor-button { width: 100%; padding: 14px 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.eda-page *, .eda-page *::before, .eda-page *::after { transition: none !important; }
}