/* Ha a navbar fixed vagy sticky */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/* Main tartalom */
main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* About szekció középre igazítva */
.about-section {
  flex: 1;
  min-height: calc(100vh - 160px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 20px 60px;
  text-align: center;
}

/* Belső doboz */
.about-container {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

/* Footer mindig alul */
footer {
  margin-top: auto;
}

/* =========================================================
   FOOTER VISIBILITY FIX - subpages
   Desktop footer ne latszodjon mobilon, mobil footer ne latszodjon desktopon
========================================================= */
.footer__mobile {
  display: none !important;
}

@media (min-width: 769px) {
  .footer__mobile {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .footer__brand,
  .footer__links,
  .footer__social,
  .footer__social--desktop {
    display: none !important;
  }

  .footer__mobile {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 18px;
  }

  .footer__mobile-social {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .footer__content,
  .footer .container.footer__content {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}