/* Hernadnemeti: helyi, visszavonhato szelesitett probaverzio. */
html, body { max-width:100%; }
body { margin:0; }
.keret { width:96% !important; max-width:1600px !important; min-width:0 !important; margin:0 auto !important; box-sizing:border-box; }
.keret > .hn-layout-table, .hn-layout-table { width:100% !important; table-layout:fixed; box-sizing:border-box; }
.hn-layout-table > tbody > tr > td { box-sizing:border-box; }
.hn-layout-table > tbody > tr.tartalom > td { overflow-wrap:break-word; word-wrap:break-word; }
.hn-layout-table .fejlec { width:100% !important; max-width:100% !important; box-sizing:border-box; background-repeat:no-repeat; background-position:left top; position:relative; }
.hn-layout-table .menusorkulso { width:100% !important; max-width:100% !important; box-sizing:border-box; left:0 !important; right:0 !important; }
.hn-layout-table .menusor { width:100% !important; max-width:100% !important; box-sizing:border-box; }
.hn-nav { width:100% !important; display:flex !important; flex-wrap:nowrap !important; justify-content:space-between !important; gap:5px !important; padding:0 10px !important; box-sizing:border-box; }
.hn-nav .hn-topmenu { flex:1 1 0 !important; min-width:0 !important; }
.hn-nav .hn-topmenu > a, .hn-nav .hn-topmenu > .hn-label { padding:7px 5px !important; min-height:38px !important; font-size:clamp(10px, .9vw, 14px) !important; }
.hn-nav .hn-topmenu:last-child > .hn-submenu { left:auto; right:0; }
.hn-floating-logo { left:auto !important; right:10% !important; }
.hn-floating-banner { left:auto !important; right:2% !important; }
.hn-layout-table img { max-width:100%; height:auto; }
@media(max-width:1000px) {
 .keret { width:98% !important; }
 .hn-nav { flex-wrap:wrap !important; justify-content:center !important; }
 .hn-nav .hn-topmenu { flex:1 1 22% !important; }
 .hn-nav .hn-topmenu > a, .hn-nav .hn-topmenu > .hn-label { font-size:11px !important; }
}
@media(max-width:700px) {
 .hn-layout-table > tbody > tr.tartalom { display:flex; flex-direction:column; }
 .hn-layout-table > tbody > tr.tartalom > td { display:block; width:100% !important; }
 .hn-nav .hn-topmenu { flex:1 1 45% !important; }
 .hn-floating-logo, .hn-floating-banner { display:none; }
}

/* Második próba: 20% bal / 62% közép / 18% jobb. */
.hn-layout-table > tbody > tr.tartalom > td:nth-child(1) { width:20% !important; }
.hn-layout-table > tbody > tr.tartalom > td:nth-child(2) { width:62% !important; }
.hn-layout-table > tbody > tr.tartalom > td:nth-child(3) { width:18% !important; }
/* A régi tartalom nem nyújthatja szét a teljes oszlopot. */
.hn-layout-table .content { box-sizing:border-box; max-width:100%; min-width:0; }
.hn-layout-table .content img { max-width:100%; height:auto; }
.hn-layout-table .jobbcontent { box-sizing:border-box; max-width:100%; overflow-wrap:break-word; }
/* A köszöntő régi, keskeny formázása maradjon összefogva. */
.hn-layout-table .content > table { max-width:100%; }
@media(max-width:700px) {
 .hn-layout-table > tbody > tr.tartalom > td:nth-child(n) { width:100% !important; }
}

/* 3. javítás: a régi fix pozicionálás megszüntetése. */
.hn-layout-table > tbody > tr.tartalom > td { vertical-align:top; }
.hn-layout-table > tbody > tr.tartalom > td:nth-child(1) { width:20% !important; }
.hn-layout-table > tbody > tr.tartalom > td:nth-child(2) { width:60% !important; }
.hn-layout-table > tbody > tr.tartalom > td:nth-child(3) { width:20% !important; }
.hn-layout-table .bal, .hn-layout-table .balcontentkulso, .hn-layout-table .balcontent,
.hn-layout-table .content, .hn-layout-table .jobbcontent { width:auto !important; max-width:100% !important; box-sizing:border-box; }
.hn-layout-table .bal { padding:0 12px; }
.hn-layout-table .content { padding:0 18px !important; }
.hn-layout-table .jobbcontent { padding:0 12px !important; }
.hn-side-banner, .hn-side-rrf { display:block; position:static !important; transform:none !important; margin:0 auto 10px !important; width:100% !important; max-width:260px !important; height:auto !important; }
.hn-side-rrf { max-width:300px !important; }
.hn-greeting { width:100% !important; max-width:720px !important; margin:0 auto 22px 0 !important; display:flow-root; }
.hn-greeting > table { max-width:100% !important; }
.hn-greeting img { max-width:100% !important; height:auto; }
.hn-floating-logo { position:absolute !important; left:auto !important; right:10% !important; top:10px !important; width:96px !important; height:auto !important; z-index:2; }
.hn-floating-banner { position:absolute !important; left:auto !important; right:2% !important; top:120px !important; width:160px !important; height:auto !important; z-index:2; }
.hn-layout-table .fejlec { background-size:auto 100% !important; }
@media(max-width:900px) { .hn-floating-logo,.hn-floating-banner { display:none; } .hn-layout-table .content { padding:0 8px !important; } }
@media(max-width:700px) { .hn-layout-table > tbody > tr.tartalom > td:nth-child(n) { width:100% !important; } }

/* 4. próba – keskenyebb oldalsávok, szélesebb köszöntő. */
@media (min-width: 901px) {
 .hn-layout-table > tbody > tr.tartalom > td:nth-child(1) { width:17% !important; }
 .hn-layout-table > tbody > tr.tartalom > td:nth-child(2) { width:67% !important; }
 .hn-layout-table > tbody > tr.tartalom > td:nth-child(3) { width:16% !important; }
 .hn-layout-table .bal { padding:0 10px !important; }
 .hn-layout-table .content { padding:0 16px !important; }
 .hn-layout-table .jobbcontent { padding:0 8px !important; }
}
.hn-greeting { max-width:none !important; width:100% !important; margin:0 0 14px !important; }
.hn-greeting > table, .hn-greeting table { width:100% !important; max-width:100% !important; height:auto !important; table-layout:auto !important; }
.hn-greeting tr, .hn-greeting td, .hn-greeting th { height:auto !important; min-height:0 !important; vertical-align:top !important; }
.hn-greeting p { min-height:0 !important; }
.hn-greeting img { height:auto; }
.hn-greeting img[width] { max-width:100% !important; }

/* 6. proba: keskenyebb jobb oldali hirek, szelesebb kozep.
   Csak a tartalmi oszlopokat erinti; a fejlec es a menu valtozatlan. */
@media (min-width: 1001px) {
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(1) { width:17% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(2) { width:70% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(3) { width:13% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(2) > .content {
    width:100% !important; max-width:none !important; padding:0 12px !important;
  }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(3) > .jobbcontent {
    width:100% !important; max-width:100% !important; padding:0 6px !important;
    overflow-wrap:anywhere; word-break:normal;
  }
  .hn-layout-table .hn-greeting { width:100% !important; max-width:none !important; }
}

/* 8. próba: natív HTML táblázatos oszlopok, Grid nélkül.
   A colgroup az index.php-ben biztosítja a valódi szélességelosztást. */
@media (min-width:1001px) {
  .hn-layout-table { table-layout:fixed !important; }
  .hn-layout-table > colgroup > .hn-col-left { width:17% !important; }
  .hn-layout-table > colgroup > .hn-col-main { width:65% !important; }
  .hn-layout-table > colgroup > .hn-col-right { width:18% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(1) { width:17% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(2) { width:65% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(3) { width:18% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(2) > .content {
    width:100% !important; max-width:100% !important; padding:0 12px !important;
  }
  .hn-layout-table .hn-greeting { width:100% !important; max-width:100% !important; }
  .hn-layout-table > tbody > tr.tartalom > td:nth-child(3) > .jobbcontent {
    width:100% !important; max-width:100% !important; padding:0 8px !important;
    overflow-wrap:break-word;
  }
}

/* 9. proba: csak a fo menusor vizualis emelese 12px-lel.
   Nem valtoztatjuk a fejlec magassagat vagy a tartalom kezdetet. */
.hn-layout-table .fejlec > .menusorkulso {
  position:relative !important;
  top:-12px !important;
}

/* 10. proba: a teljes menusor bal szelenek igazitasa a bal oszlophoz.
   A 9. proba -12px magassagi beallitasa megmarad. */
@media (min-width:1001px) {
  .hn-layout-table .fejlec > .menusorkulso {
    left:-8% !important;
    width:108% !important;
    max-width:none !important;
  }
}

/* 11. proba: bal oldali elerhetosegek teljes hasznos szelessege.
   Kizarolag a bal oszlop belso szovegdobozait erinti. */
@media (min-width: 901px) {
  .hn-layout-table > tbody > tr.tartalom > td:first-child > .bal {
    width:100% !important; max-width:100% !important;
    padding-left:10px !important; padding-right:10px !important;
    margin-left:0 !important; margin-right:0 !important;
    box-sizing:border-box !important;
  }
  .hn-layout-table .bal > .balcontentkulso,
  .hn-layout-table .bal > .balcontentkulso > .balcontent {
    position:relative !important; left:0 !important; right:auto !important;
    float:none !important; clear:none !important;
    margin-left:0 !important; margin-right:0 !important;
    padding-left:0 !important; padding-right:0 !important;
    width:100% !important; max-width:100% !important;
    box-sizing:border-box !important;
    text-align:left; overflow-wrap:anywhere;
  }
  .hn-layout-table .bal > .balcontentkulso > .balcontent p {
    max-width:100%;
  }
}

/* 17. proba: a ket tamogatoi logo egymas mellett a fejlecben.
   Kizarolag a ket lebego kep meretet es helyet allitja. */
@media (min-width: 1001px) {
  .hn-floating-logo {
    position:absolute !important; left:auto !important; right:38.7% !important;
    top:20px !important; width:78px !important; height:auto !important;
  }
  .hn-floating-banner {
    position:absolute !important; left:auto !important; right:30% !important;
    top:20px !important; width:128px !important; height:auto !important;
  }
}

/* 18. proba: csak a Szechenyi logo novelese a piros keret meretere.
   A jobb szel es a tobbi elem valtozatlan. */
@media (min-width: 1001px) {
  .hn-floating-banner { width:160px !important; }
}

/* 21. proba: bal oldali Szechenyi (RRF) kep gorgeteskovetese. */
@media (min-width: 901px) {
  .hn-side-rrf {
    position: sticky !important;
    top: 12px !important;
    z-index: 5;
  }
}

/* 9. teszt: informacios sav a fejlec jobb felso reszen. */
.hn-layout-table .fejlec .hn-today {
  position:absolute; top:7px; right:14px; z-index:40;
  width:315px; max-width:calc(100% - 24px); box-sizing:border-box;
  padding:7px 10px; border:1px solid rgba(54,92,10,.45); border-radius:6px;
  background:rgba(248,251,241,.94); color:#29440b;
  font:12px/1.35 Arial,sans-serif; box-shadow:0 1px 4px #0002;
}
.hn-today-top { display:flex; align-items:center; justify-content:space-between; gap:8px; white-space:nowrap; }
.hn-today-top time { font-weight:bold; font-variant-numeric:tabular-nums; font-size:14px; }
.hn-today-name { margin-top:3px; padding-top:3px; border-top:1px solid #d9e4c8; }
/* A nagy monitoron beallitott logopoziciokhoz nem nyulunk. */
@media (min-width:901px) and (max-width:1500px) {
  .hn-floating-banner { top:20px !important; right:30% !important; width:clamp(105px, 10.7vw, 160px) !important; }
  .hn-floating-logo { top:20px !important; right:calc(30% + clamp(115px, 11.4vw, 170px)) !important; width:clamp(55px, 5.2vw, 78px) !important; }
}
@media (min-width:901px) and (max-width:1100px) {
  .hn-layout-table .fejlec .hn-today { width:270px; right:8px; font-size:11px; padding:6px 8px; }
  .hn-today-top time { font-size:12px; }
}
@media (max-width:900px) {
  .hn-layout-table .fejlec .hn-today { right:8px; top:7px; width:270px; font-size:11px; }
}
@media (max-width:600px) {
  .hn-layout-table .fejlec .hn-today { width:235px; padding:5px 7px; font-size:10px; }
  .hn-today-top time { font-size:12px; }
}

/* 10. teszt: tamogatoi logok kozotti kotelezo hezag.
   A datum/nevnap, a kereso es a menusor valtozatlan. */
@media (min-width:1001px) {
  .hn-floating-logo {
    right:calc(30% + 180px) !important;
  }
}
@media (min-width:1001px) and (max-width:1500px) {
  .hn-floating-logo {
    right:calc(30% + clamp(105px, 10.7vw, 160px) + 20px) !important;
  }
}

/* 11. teszt: mindket fejlec-logo 35px jobbra, az egymas kozotti hezag megmarad. */
@media (min-width:1001px) {
  .hn-floating-banner { right:calc(30% - 35px) !important; }
  .hn-floating-logo { right:calc(30% + 145px) !important; }
}
@media (min-width:1001px) and (max-width:1500px) {
  .hn-floating-logo { right:calc(30% + clamp(105px, 10.7vw, 160px) - 15px) !important; }
}