/*
 * Az oldal saját kiegészítései a sablon style.css-e fölött.
 */

/* A Bootstrap CSS-es sima görgetése összeakad a jQuery-s görgetéssel
   (menü, „vissza a tetejére” gomb): akadozik, késve indul. A görgetést a JS végzi. */
:root {
	scroll-behavior: auto;
}

/* Szöveges logó, amíg nincs képes */
.site-logo .logo-text {
	display: inline-block;
	color: #fff;
	font-family: 'Jost', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	padding-top: 6px;
	white-space: nowrap;
}
.site-logo .logo-text:hover {
	color: #72c02c;
}

/* A menüpontok úgy jelenjenek meg, ahogy írva vannak (különben „E-Vadőr” lesz) */
#main-menu ul li a,
#navigation .slicknav_nav a,
.serviceBox .title,
.box .post,
.footer_copyright p {
	text-transform: none;
}

/* Nyitókép gombjai */
.hero-buttons {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}
.hero-buttons .btn-fill {
	background: #72c02c;
	border-color: #72c02c;
}

/* Képek ne lógjanak ki keskeny kijelzőn */
img {
	max-width: 100%;
	height: auto;
}

/* Bemutatkozás */
.single_about p {
	margin-bottom: 20px;
}
.about-facts,
.evador-lista {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.about-facts li,
.evador-lista li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 8px;
}
.about-facts .fa,
.evador-lista .fa {
	position: absolute;
	left: 0;
	top: 5px;
	color: #72c02c;
}
.about-facts li {
	font-weight: 500;
}

/* Szakterületek a szolgáltatások alatt */
.szakteruletek {
	margin-top: 40px;
}
.szakterulet-blokk {
	background: #fff;
	border-top: 3px solid #72c02c;
	border-radius: 4px;
	padding: 30px;
	height: 100%;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.szakterulet-blokk h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 4px;
}
.szakterulet-alcim {
	color: #6c757d;
	font-size: 13px;
	margin-bottom: 15px !important;
}
.szakterulet-blokk ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szakterulet-blokk li {
	position: relative;
	padding: 6px 0 6px 22px;
	border-bottom: 1px solid #eef1ea;
}
.szakterulet-blokk li:last-child {
	border-bottom: 0;
}
.szakterulet-blokk li:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #72c02c;
}
@media only screen and (max-width: 767px) {
	.szakterulet-blokk { margin-bottom: 20px; height: auto; }
}

/* E-vadőr sáv: az E-vadőr saját zöldjével */
.evador-sav {
	background: #2f4a33;
	color: #e9efe6;
}
.evador-sav h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 20px;
}
.evador-sav p {
	margin-bottom: 20px;
}
.evador-sav .evador-logo {
	width: 100%;
	max-width: 260px;
	margin-bottom: 30px;
}
.evador-sav .evador-lista {
	margin-bottom: 30px;
}
.evador-sav .evador-lista .fa {
	color: #9fd46b;
}
.evador-gombok {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.evador-gombok {
	align-items: center;
}

/* Facebook-ikon: ugyanaz a kerek gomb az E-vadőr sávban és a láblécben */
.fb-ikon,
.footer_social ul li a.fb-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #1877f2;
	border: 1px solid #1877f2;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	transition: all 0.2s ease 0s;
}
.fb-ikon:hover,
.fb-ikon:focus,
.footer_social ul li a.fb-ikon:hover {
	background: #fff;
	border-color: #fff !important;
	color: #1877f2;
}

/* Kattintható elérhetőségek a láblécben */
.address a {
	color: inherit;
}
.address a:hover {
	color: #72c02c;
}

/* Kapcsolati űrlap */
.contact .form-group {
	margin-bottom: 20px;
}
.contact .inputError {
	border-color: #d9534f !important;
}
.contact .form-note {
	font-size: 13px;
	color: #6c757d;
	text-align: center;
	margin-bottom: 15px;
}
.contact .form-note a,
.footer_copyright a {
	color: inherit;
	text-decoration: underline;
}
.contact .form-message:empty {
	display: none;
}
.contact .form-message {
	text-align: center;
	padding: 12px 15px;
	margin-bottom: 20px;
	border-radius: 4px;
}
.contact .form-message.is-error {
	background: #fdecea;
	color: #a94442;
}
.contact .form-message.is-success {
	background: #eaf6e1;
	color: #3c763d;
}
.contact button[disabled] {
	opacity: .7;
	cursor: wait;
}

/* Spamcsapda-mező elrejtése */
.hp-field {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Adatkezelési tájékoztató (adatkezeles.html) */
.jogi-fejlec {
	background: #232a34;
	padding: 18px 0;
}
.jogi-fejlec .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}
.jogi-fejlec .logo-text {
	color: #fff;
	font-family: 'Jost', sans-serif;
	font-size: 22px;
	font-weight: 600;
}
.jogi-fejlec .jogi-vissza {
	color: #fff;
	font-size: 14px;
}
.jogi-fejlec a:hover {
	color: #72c02c;
}
.jogi-oldal {
	padding: 60px 0 40px;
	font-size: 15px;
	line-height: 1.7;
}
.jogi-oldal .container {
	max-width: 900px;
}
.jogi-oldal h1 {
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 6px;
}
.jogi-oldal h2 {
	font-size: 22px;
	font-weight: 600;
	margin: 40px 0 15px;
}
.jogi-oldal p {
	margin-bottom: 15px;
}
.jogi-oldal ul {
	margin: 0 0 15px 20px;
}
.jogi-oldal ul li {
	margin-bottom: 6px;
}
.jogi-oldal ul.jogi-adatok {
	list-style: none;
	margin-left: 0;
}
.jogi-oldal a {
	color: #4f8a1f;
}
.jogi-hatalyos {
	color: #6c757d;
	font-size: 13px;
	margin-bottom: 25px !important;
}
.jogi-tabla th {
	width: 28%;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
	vertical-align: top;
}
.jogi-lablec {
	border-top: 1px solid #eef1ea;
	padding: 25px 0;
	font-size: 13px;
	color: #6c757d;
	text-align: center;
}
.jogi-lablec a {
	color: inherit;
}
@media only screen and (max-width: 767px) {
	.jogi-oldal { padding-top: 40px; }
	.jogi-oldal h1 { font-size: 30px; }
	.jogi-tabla th,
	.jogi-tabla td { display: block; width: 100%; }
	.jogi-tabla th { border-bottom: 0; padding-bottom: 0; }
}

/* Köszönő- és hibaoldal */
.allapot-oldal {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background-size: cover;
	background-position: center;
}
.allapot-doboz {
	background: #fff;
	max-width: 560px;
	padding: 50px 30px;
	text-align: center;
	border-radius: 4px;
}
.allapot-doboz h1 {
	color: #72c02c;
	font-size: 34px;
	margin-bottom: 15px;
}
.allapot-doboz p {
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	/* Mobil fejléc: logó balra, menügomb jobbra egy sorban; a lenyíló menü teljes szélességű */
	#navigation .container { position: relative; }
	#navigation .row { flex-wrap: nowrap; align-items: center; }
	#navigation .row > div:first-child { flex: 1 1 auto; width: auto; }
	#navigation .row > div:last-child { flex: 0 0 auto; width: auto; }
	#navigation .slicknav_menu { margin-top: 0; }
	#navigation .slicknav_nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #232a34;
		padding: 10px 16px;
	}
	.site-logo .logo-text { font-size: 18px; padding-top: 0; }
	.evador-sav h2 { font-size: 28px; }
	.evador-sav .evador-logo { max-width: 200px; }
}

/* ---------------------------------------------------------------
   Zoltán anyagaival bővített szakaszok (2026-10-18)
   --------------------------------------------------------------- */

/* Portré a Bemutatkozásban */
.portre-keret {
	position: relative;
	max-width: 480px;
	margin: 0 auto;
	padding: 0 18px 18px 0;
}
.portre-keret:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70%;
	height: 70%;
	border-radius: 8px;
	background: #e4eedb;
}
.portre-keret img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.45);
}
.about_me .single_about {
	padding-top: 20px;
}

/* Szolgáltatás-kártyák: 4 egy sorban, egyforma magasak */
#szolgaltatasok .row > [class*="col-"] {
	display: flex;
}
#szolgaltatasok .serviceBox {
	width: 100%;
	margin-bottom: 30px;
	padding: 32px 22px;
}
#szolgaltatasok .serviceBox .title {
	font-size: 19px;
	line-height: 1.3;
}

/* Számok sáv: valós példa + ikonos csempék a drónos tájkép előtt */
.szamok-sav {
	position: relative;
	padding: 90px 0 60px;
	color: #fff;
	background-color: #1c241e;
	background-size: cover;
	background-position: center 35%;
}
.szamok-sav:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(14, 20, 16, 0.9) 0%, rgba(14, 20, 16, 0.7) 42%, rgba(14, 20, 16, 0.3) 100%);
}
.szamok-sav .container {
	position: relative;
}
.szamok-felirat {
	color: #9fd46b;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 10px !important;
}
.szamok-cim {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 18px;
}
.szamok-kiemelt {
	color: #9fd46b;
}
.szamok-szoveg {
	color: #d7ddd3;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 22px !important;
}
.szamok-link {
	color: #fff;
	font-weight: 600;
	border-bottom: 2px solid #72c02c;
	padding-bottom: 3px;
}
.szamok-link:hover {
	color: #9fd46b;
}
.szam-csempek {
	margin-top: 10px;
}
.szam-csempe {
	position: relative;
	margin-bottom: 24px;
	padding: 26px 24px 22px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: transform 0.25s ease, background 0.25s ease;
}
.szam-csempe:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, 0.13);
}
.szam-csempe > .fa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #72c02c;
	color: #fff;
	font-size: 18px;
	margin-bottom: 14px;
}
.szam-ertek {
	font-family: 'Jost', sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}
.szam-ertek small {
	font-size: 18px;
	font-weight: 500;
	color: #9fd46b;
}
.szam-cimke {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.5;
	color: #c9d0c4;
}

/* Drónok szakasz: előtte–utána csúszka */
.dronok {
	background: #f6f8f3;
}
.elotte-utana-blokk {
	margin: 0 0 30px;
}
.elotte-utana {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.35);
	user-select: none;
	background: #dfe6d8;
}
.elotte-utana img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eu-elotte {
	position: absolute;
	inset: 0;
	clip-path: inset(0 50% 0 0);
}
.eu-fogantyu {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	background: #fff;
	transform: translateX(-50%);
	pointer-events: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.eu-fogantyu .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: #2f4a33;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.eu-csuszka {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: ew-resize;
	-webkit-appearance: none;
	appearance: none;
}
.eu-csuszka:focus-visible + .eu-fogantyu,
.elotte-utana:focus-within .eu-fogantyu .fa {
	outline: 3px solid #72c02c;
}
.eu-cimke {
	position: absolute;
	top: 12px;
	padding: 4px 10px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	pointer-events: none;
}
.eu-cimke-bal { left: 12px; }
.eu-cimke-jobb { right: 12px; }
.elotte-utana-blokk figcaption {
	margin-top: 14px;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}

/* Eszközpark */
.eszkozpark {
	margin-top: 60px;
}
.eszkoz-kepek {
	position: relative;
	padding-bottom: 70px;
	max-width: 460px;
	margin: 0 auto;
}
.eszkoz-kepek img {
	border-radius: 6px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.4);
}
.eszkoz-fo {
	width: 72%;
	height: auto;
}
.eszkoz-kis {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 52%;
	height: auto;
	border: 6px solid #fff;
}
.eszkoz-cim {
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 25px;
}
.eszkoz-elem {
	display: flex;
	gap: 18px;
	margin-bottom: 24px;
}
.eszkoz-ikon {
	flex: 0 0 54px;
	height: 54px;
	border-radius: 50%;
	background: #72c02c;
	color: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.eszkoz-elem h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 6px;
}
.eszkoz-elem p {
	color: #555;
	line-height: 1.6;
}

/* Munkák galéria */
.galeria .box {
	display: block;
	border-radius: 4px;
	cursor: zoom-in;
}
.galeria .box:after {
	background-color: rgba(28, 40, 30, 0.72);
}
.galeria .box .title {
	font-size: 19px;
	font-weight: 600;
	text-transform: none;
	padding: 0 14px;
	margin-bottom: 6px;
}
.galeria .box .post {
	font-size: 14px;
	padding: 0 14px;
}
.portfolio-filters li {
	text-transform: none;
}

/* Nagyító ablak: finom beúszás */
.mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.2s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.88; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: opacity 0.2s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.mfp-title { font-family: 'Poppins', sans-serif; font-size: 14px; }

@media only screen and (max-width: 991px) {
	.eszkoz-kepek { margin-bottom: 30px; }
	.szamok-sav { padding: 70px 0 40px; }
	.szamok-cim { font-size: 32px; }
	.szam-csempek { margin-top: 30px; }
}
@media only screen and (max-width: 575px) {
	.szamok-cim { font-size: 28px; }
	.szam-csempek { margin-left: -6px; margin-right: -6px; }
	.szam-csempek > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
	.szam-csempe { padding: 16px 12px 14px; margin-bottom: 12px; }
	.szam-csempe > .fa { width: 32px; height: 32px; font-size: 14px; margin-bottom: 10px; }
	.szam-ertek { font-size: 22px; }
	.szam-ertek small { font-size: 13px; }
	.szam-cimke { font-size: 12px; }
	.eszkoz-cim { font-size: 28px; }
}

/* Videók a Drónok szakaszban */
.videok {
	margin-top: 60px;
}
.video-blokk {
	margin: 0 0 30px;
}
.video-blokk video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background: #1c241e;
	border-radius: 6px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.4);
}
.video-blokk figcaption {
	margin-top: 12px;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}

/* Előadás */
.eloadas {
	background: #232a34;
	color: #e9efe6;
}
.eloadas h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}
.eloadas-felirat {
	color: #9fd46b;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px !important;
}
.eloadas-borito img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.6);
	transition: transform 0.2s ease;
}
.eloadas-borito:hover img {
	transform: scale(1.02);
}
.eloadas .evador-lista {
	margin: 0 0 28px;
}
.eloadas .evador-lista .fa {
	color: #9fd46b;
}
.eloadas .btn .fa {
	margin-right: 6px;
}
@media only screen and (max-width: 991px) {
	.eloadas-borito { display: block; margin-bottom: 30px; }
}