/*
Theme Name: Marsi
Theme URI: https://marsizsolt.hu/
Description: Child theme of Hello Elementor for marsizsolt.hu. Holds the site CSS that used to live in Elementor Pro custom CSS fields, and (step by step) the templates that replace Elementor Pro's Theme Builder.
Author: Webzeer
Author URI: https://webzeer.com/
Template: hello-elementor
Version: 1.9.2
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: marsi
*/

/* ---------- From Elementor Pro custom CSS (2026-10-01, step 20/22) ----------
 * Each block names its origin. Element-level rules are scoped to their element, because in Elementor they
 * only loaded on their own page; global here they would affect every image carousel. */

/* Partner logo carousels (home 40: 5ffc6a1b, Az Udvar 168: 607b556, saved template 6478: 4bafa787): white logos */
.elementor-element-5ffc6a1b .elementor-image-carousel img,
.elementor-element-607b556 .elementor-image-carousel img,
.elementor-element-4bafa787 .elementor-image-carousel img {
	filter: brightness(0) invert(1);
}

/* Same three elements: fade the logo strip at both edges */
.logo-marquee {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

/* Elementor Kit custom CSS: item table of the quote request (the plugin adds its own scoped rules on top) */
.custom-cart-table {
	margin-top: 20px;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 15px;
	background: white;
}

.custom-cart-table th {
	background: #f1f1f1;
	padding: 10px;
}

.custom-cart-table td {
	padding: 10px;
	vertical-align: middle;
}

/* "Under Construction" template 186 (Elementor maintenance mode), container 79d36e34 */
.mesh-test {
	background-color: hsla(0, 100%, 50%, 1);
	background-image:
		radial-gradient(at 40% 20%, hsla(28, 100%, 74%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 1) 0px, transparent 50%);
	animation: gradient 13s ease infinite;
	background-size: 200% 200%;
}

@keyframes gradient {
	0% { background-position: 0% 20%; }
	25% { background-position: 100% 50%; }
	50% { background-position: 50% 70%; }
	100% { background-position: 0% 20%; }
}

/* Kapcsolat (487), desktop (2026-10-02, user's request): the row (55ebc10) and the map (a806d5c) were both 100vh,
 * so on tall windows the left column (space-between) opened a gap between its two boxes (240px at 1300px height)
 * and the map grew with the window. Now the row follows the left column and the map fills exactly its height;
 * the boxes keep their 20px gap. Tablet/mobile (one column) unchanged. */
@media (min-width: 1025px) {
	.elementor-487 .elementor-element.elementor-element-55ebc10.e-con {
		--min-height: 0px;
	}

	.elementor-487 .elementor-element.elementor-element-a806d5c > .elementor-widget-container,
	.elementor-487 .elementor-element.elementor-element-a806d5c .elementor-custom-embed {
		height: 100%;
	}

	.elementor-487 .elementor-element.elementor-element-a806d5c .elementor-custom-embed iframe {
		height: 100%;
	}
}

/* Kapcsolat (487), tablet and mobile (2026-10-02, user's request): the map was one full screen tall (100vh, 800-1100px)
 * under the content; now 450px on tablets and 400px on phones. */
@media (max-width: 1024px) {
	/* The map's column had a 500px minimum height, which would leave an empty strip under the shorter map.
	 * (.e-con: one class more than Elementor's rule, which loads after this file since Pro is off.) */
	.elementor-487 .elementor-element.elementor-element-9c64330.e-con {
		--min-height: 0px;
	}

	.elementor-487 .elementor-element.elementor-element-a806d5c .elementor-custom-embed iframe {
		height: 450px;
	}
}

@media (max-width: 767px) {
	.elementor-487 .elementor-element.elementor-element-a806d5c .elementor-custom-embed iframe {
		height: 400px;
	}
}