/* ====== Layout szakaszok ====== */

/* Alap szekció */
.section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Teljes szélességű szekció */
.section--full {
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Háttérszín példák (igény szerint bővíthető) */
.bg-lightgray {
    background-color: #f8f9fa;
}

.bg-dark {
    background-color: #333;
    color: #fff;
}

/* ===== Hero szakasz stílus ===== */
.hero {
    min-height: 60vh;
    display: flex;
    align-items: center; /* csak függőleges középre igazítás */
    padding: 4rem 0;
    text-align: center;
}

/* ===== Parallax háttér alap stílus ===== */
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    will-change: background-position;
}

/* Mobil fallback: a `fixed` háttér ne zavarjon iOS-en, Androidon */
@media only screen and (max-width: 768px) {
    .parallax {
        background-attachment: scroll;
    }
}


/* ===== Hibaüzenet halványítás fókuszra ===== */
.fade-out-error {
    animation: fadeOut 0.5s forwards;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}