html {
  scroll-behavior: smooth;
}

a[name] {
  display: block; /* Fontos, hogy ne maradjon inline, különben a scroll-margin nem hat rá megfelelően */
  scroll-margin-top: 100px; /* A fejléced magassága */
}

.footer-column ul li a:hover {
    text-decoration:underline;
}

.events-section .news-title {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.events-section .news-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

.search-wrapper {
    width: 230px;
}


.select-wrapper.authorselect{
    max-width: 200px;
}

.pubtimedate, .pubautors {
	color:#A9A9A9;
}

.pubtimedate {
	font-weight:600;
}


@media (max-width: 768px) {

	.events-section .news-title {
		font-size: 20px;
	}

	.events-section .news-description {
		font-size: 14px;
	}

	.search-wrapper {
		width: 100%;
	}

	.select-wrapper.authorselect{
		max-width: 100%;
	}

}

.error, .error li {
    color: #DB0000;
    font-size: 16px;
}

.header .news-preview .news-description {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.glass-effect {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.05));
}

.overlay {
    background: rgba(0,0,0,0.1);
}

.icon-facebook {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3063_1880)"><path d="M24 12.0441C24 18.202 19.3958 23.2798 13.4539 24V15.7248H16.7002L17.3736 12.0441H13.4539V10.7424C13.4539 8.79748 14.2142 8.0493 16.1818 8.0493C16.7928 8.0493 17.2848 8.06423 17.568 8.0941V4.75789C17.0314 4.60807 15.7195 4.45872 14.9597 4.45872C10.9498 4.45872 9.10128 6.35879 9.10128 10.4581V12.0441H6.62688V15.7248H9.10128V23.7336C3.87456 22.4319 0 17.6923 0 12.0441C0 5.39238 5.37264 0 12 0C18.6274 0 24 5.39238 24 12.0441Z" fill="white"/></g><defs><clipPath id="clip0_3063_1880"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.faq-item.active .faq-body a {
    color:#ff671d;
}

.faq-item.active .faq-body a:hover {
    text-decoration:underline;
}

.slim-article-body a {
    color:#ff671d;
}

.slim-article-body a:hover {
    text-decoration:underline;
}

.sidebar-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.confirmation-content.successtext{
	border-bottom:solid 1px #000;
	padding-bottom:30px;
}

.worker-popup-inner {
    padding-right: 55px;
}

.member-bio {
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Modern böngészők (Chrome, Safari, Edge, Opera) */

/* 1. A görgetősáv teljes szélessége */
.worker-popup-text::-webkit-scrollbar {
    width: 6px;
}

/* 2. A sín (track), amiben a csúszka mozog */
.worker-popup-text::-webkit-scrollbar-track {
    background: #f1f1f1; /* Opcionális: a háttér színe, amin a narancs csúszka mozog */
    border-radius: 6px;
}

/* 3. Maga a csúszka (thumb) */
.worker-popup-text::-webkit-scrollbar-thumb {
    background: #FF671D;
    border-radius: 6px; /* Itt állítjuk be a lekerékítést */
}

/* 4. Csúszka színe hover (egér ráhúzás) esetén - opcionális, de javasolt */
.worker-popup-text::-webkit-scrollbar-thumb:hover {
    background: #e55a16; 
}

/* Firefox támogatás (itt a kerekítés kevésbé testreszabható) */
.worker-popup-text {
    scrollbar-width: thin;
    scrollbar-color: #FF671D #f1f1f1;
}

.form-section-separator {
    background-color: #777;
}

.step-item {
    color: #999;
	cursor: pointer;
}

.step-item.active {
    color: #000;
}

.successtext_anim {
    /* Animáció neve, hossza (4s), késleltetés nélkül, kitöltési mód: forwards */
    animation: fadeOutAndHide 0.5s ease-in-out 1s forwards;
}

@keyframes fadeOutAndHide {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.95); /* Opcionális: kicsit össze is megy */
        visibility: hidden;     /* Megakadályozza, hogy kattintható maradjon */
        display: none;          /* Sajnos a display nem animálható, de a visibility segít */
		max-height: 0; margin-top: 0; padding: 0; overflow: hidden;
    }
}

#hero_video_main{
	position: relative;
    top: -21px;
}


@media (max-width: 768px) {

	.video-background {
		display:block;
		height: calc(100% - 10px);
		overflow: hidden;
	}

	#hero_video_main{
		position: relative;
		top: -7px;
		width:100%;
		max-width:1920px;
		display:block;
	}

}

.article-body a {
    color:#ff671d;
}

.article-body a:hover {
    text-decoration:underline;
}

#takeover_layer {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e74c3c;
    color: white;
    padding: 10px 25px;
    font-family: sans-serif;
    font-size: 14px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 9999;
    white-space: nowrap;
}

#takeover_layer a {
	color: white; 
	text-decoration: none; 
	font-weight: bold;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

section.trainings-section .card-content h3 {
    font-size: 28px;
}

.application-steps {
    gap: 0px;
}

.step-item {
    padding-right: 30px;
}

.step-item.active::after {
    height: 4px;
}

@media (min-width: 1024px) and (max-width: 1400px) {

    .main-content.main-content-tender {
        padding: 60px;
    }

	.main-content.main-content-tender .application-layout{
		gap: 0px;
	}
}

@media (min-width: 768px) and (max-width: 1270px) {

	.step-item {
		font-size: 14px;
		padding-right: 20px;
	}

}

.correction {
    background-color: #fffde7; /* Halványsárga háttér */
    border: 1px solid #fbc02d;    /* Sötétebb sárga keret */
    padding: 20px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    margin: -40px 0 10px 0;
}

/* Alapállapot: csak az első 3 sor látszik */
.correction p {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Itt állítod be a 3 sort */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

/* Alapállapotban a BR-ek ne törjenek sort */
.correction br {
    display: none;
}

/* Nyitott állapot: minden látszik */
.correction.open p {
    display: block; /* Kikapcsoljuk a line-clamp-et */
    overflow: visible;
}

/* Nyitott állapotban visszahozzuk a sortöréseket */
.correction.open br {
    display: inline;
}

/* Egy kis vizuális visszajelzés, hogy kattintható */
.correction:hover {
    background-color: #fff9c4;
}

.toast-notification-success {
    position: fixed;
    top: 130px;
    right: 30px;
    background-color: #28a745;
    color: #ffffff;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    animation: slideInAndFadeOut 3s ease-in-out forwards;
}

.toast-notification-success .icon-bubble-toast {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-notification-success .toast-text {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

@keyframes slideInAndFadeOut {
    0% {
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    10% {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
}

article.team-member:hover .member-image img {
    transition: border-radius 0.3s ease;
}

article.team-member:hover .member-image img {
    border-radius: 20px;
}

.research-header .header-content {
    width: 76%;
	margin:0;
}

@media (max-width: 1280px) {

	.research-header .header-content {
		width: 90%;
	}

}

@media (max-width: 1280px) {

	.hero-text-block {
		gap: 20px;
	}

}

.main-content.research-main .separator-wrapper .separator{
    margin-top: 4px;
}

.split-content.text-column {
    padding: 0px;
}

.split-content.text-column h2.section-title, .split-content.text-column .text-block {
    padding:0 80px;
	width:80%;
}

.bottomMargin {
	margin-bottom:150px;
}

@media (max-width: 1240px) {

	.split-content.text-column h2.section-title, .split-content.text-column .text-block {
		padding:0 60px;
		width:90%;
	}

}

@media (max-width: 1024px) {

	.split-content.text-column {
		padding-top: 40px;
	}

	.split-content.text-column h2.section-title, .split-content.text-column .text-block {
		padding:0 40px;
		width:100%;
	}

	.section.split-section.orderChange {
        flex-direction: column-reverse;
    }

	.bottomMargin {
		margin-bottom:70px;
	}

	.section.what-we-do-section {
		gap:0;
	}

}

@media (max-width: 768px) {

	.cards-container {
        width: 100%;
    }

	.main-content.research-main {
		gap: 50px;
	}

	.main-content.research-main .separator-wrapper .separator{
		margin-top: -15px;
	}

	.momar0 {
		margin-top: 0;
	}

	.momar30 {
		margin-top: 30px;
	}

	.trainings-section {
        margin-top: -30px;
    }

}