/* Bal oldali logók: egy sorban, vízszintesen */
.okp-left {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;            /* ha szűk, lejjebb veheted 8px-re */
}
.okp-left img {
  height: 80px !important;         /* ha nem fér ki: 80px vagy 72px */
  width: auto !important;
  display: block !important;
}

/* ===== Footer – 2 oszlop a két szélen, kis belső paddings ===== */

/* A footer konténere ne legyen középre szűkítve, kapjon biztonsági belső margót */
.footer-area .container,
.tp-footer-area .container,
.tp-footer__area .container,
.site-footer .container {
  max-width: 90% !important;
  padding-left: clamp(16px, 4vw, 64px) !important;
  padding-right: clamp(16px, 4vw, 64px) !important
}

/* Sor: a két oszlop között teljes szélesség, a szélsők a két oldalra kerülnek */
.footer-area .row,
.tp-footer-area .row,
.tp-footer__area .row,
.site-footer .row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px;
  width: 160% !important;
}

/* ==== MOBIL KÖZÉP – 768px alatt minden középre, görgetés nélkül ==== */
@media (max-width: 768px) {
  /* ne legyen oldalirányú görgetés */
  .footer-area { overflow-x: hidden; }

  /* konténer teljes szélesség + kényelmes belső padding */
  .footer-area .container,
  .tp-footer-area .container,
  .tp-footer__area .container,
  .site-footer .container {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* sor oszlopirány, középre igazítás */
  .footer-area .row,
  .tp-footer-area .row,
  .tp-footer__area .row,
  .site-footer .row {
    width: 100% !important;          /* felülírja a desktop 160%-ot */
    flex-direction: column !important;
    align-items: center !important;   /* KÖZÉPRE */
    gap: 14px !important;
  }

  /* mindkét oszlop középre igazítva, külső margók nullázva */
  .footer-area .row > div,
  .tp-footer-area .row > div,
  .tp-footer__area .row > div,
  .site-footer .row > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;    /* KÖZÉP szöveg */
  }

  /* bal oldali logók: több sorba törhetnek, középen */
  .okp-left {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .okp-left img {
    height: 58px !important;          /* ha nagy: 54 / 50 px */
  }
}

/* ==== TABLET LAYOUT (769–1024px): 2 oszlop, finomított méretek ==== */
@media (min-width: 769px) and (max-width: 1024px) {
  /* konténer teljes szélességben, ésszerű paddinggel */
  .footer-area .container,
  .tp-footer-area .container,
  .tp-footer__area .container,
  .site-footer .container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* sor rendezése: a két oszlop a két szélen maradjon */
  .footer-area .row,
  .tp-footer-area .row,
  .tp-footer__area .row,
  .site-footer .row {
    width: 100% !important;                 /* felülírja az esetleges 160%-ot */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }

  /* bal oszlop (logók): egy sorban, kisebb méret, kisebb gap */
  .okp-left {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  .okp-left img {
    height: 72px !important;                /* ha kell: 68/64 px */
    width: auto !important;
  }

  /* jobb oszlop: jobbra igazítva, kisebb tipó */
  .footer-area .row > div:last-child,
  .tp-footer-area .row > div:last-child,
  .tp-footer__area .row > div:last-child,
  .site-footer .row > div:last-child {
    margin-left: auto !important;
    text-align: right !important;
    font-size: 17px !important;             /* törzssor */
    line-height: 1.45 !important;
  }
  .footer-area .row > div:last-child strong,
  .tp-footer-area .row > div:last-child strong,
  .tp-footer__area .row > div:last-child strong,
  .site-footer .row > div:last-child strong {
    font-size: 19px !important;             /* cím */
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}
@media (min-width: 1025px){
  /* főoldal – a logókat jobbra toljuk a SAJÁT oszlopukon belül */
  body.home .okp-left{
    transform: translateX(clamp(200px, 6vw, 180px)) !important; /* ← ezzel húzod jobbra */
  }
}
/* Főoldal: footer háttér */
body.home .site-footer,
body.home .footer-area,
body.home .tp-footer-area,
body.home .tp-footer__area{
  background-color: #171151 !important;  /* <-- SZÍN: írd át */
  color: #FFFFFF !important;              /* footer szöveg legyen jól olvasható */
}