/*
Theme Name: DiakCenter
Theme URI: https://diakcenter.hu
Description: DiakCenter egyedi Bricks child theme (Vertical VPS-05 build).
Author: Vertical
Template: bricks
Version: 1.0.0
Text Domain: diakcenter
*/

/* ====================================================================
   NATÍV BRICKS-ELEM ADAPTÁCIÓK (a mockup-paritás customCss-en felül)
   A Bricks natív szűrő/űrlap-elemek belső markupja eltér a mockup nyers
   <select>/<input>-jétől; itt igazítjuk a 04c tokenekre. VPS-05.
   ==================================================================== */

/* --- /allasok/ szűrősor: natív filter-elemek kompakt, bordered sávban ---
   Fontos: a .filterbar egy Bricks block (flex-direction:column alap), ezért
   a sorrányt EXPLICIT felülírjuk. */
.filterbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;border:2px solid var(--ink);background:#fff;margin-bottom:var(--s-3)}
.filterbar > *{flex:1 1 200px;min-width:0;border-right:2px solid var(--ink)}
.filterbar > *:last-child{border-right:0}
.filterbar .brxe-filter-search{display:flex}
.filterbar .brxe-filter-search input{width:100%;border:0;background:none;font:600 16px var(--f-body);color:var(--ink);padding:14px 20px;outline:0}
.filterbar select.brxe-filter-select{border:0;background:none;font:600 16px var(--f-body);color:var(--ink);padding:14px 40px 14px 20px;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.filterbar .choices{margin:0;width:100%}
.filterbar .choices,.filterbar .choices *{font-family:var(--f-body)}
.filterbar .choices__inner{border:0;background:none;border-radius:0;font:600 16px var(--f-body);color:var(--ink);padding:14px 20px;min-height:0}
.filterbar .choices__list--dropdown,.filterbar .choices__list[aria-expanded]{border:2px solid var(--ink);border-radius:0}
.filterbar .brxe-filter-search input:focus,.filterbar .choices.is-focused .choices__inner{box-shadow:inset 0 0 0 3px var(--sun)}

@media (max-width:820px){
  .filterbar{flex-direction:column}
  .filterbar > *{flex:0 0 auto;border-right:0;border-bottom:2px solid var(--ink)}
  .filterbar > *:last-child{border-bottom:0}
}

/* --- res-head: aktív szűrők --- */
.brxe-filter-active-filters{display:flex;flex-wrap:wrap;gap:8px}

/* üres kategória-címke elrejtése (poszt term nélkül) */
.job .jt:empty{display:none}

/* =================================================================
   FEJLÉC MOBIL — hamburger + lenyíló főmenü (K1, build-idejű kiegészítés)
   A mockup ≤980px-en csak elrejtette a .nav-ot; a .mbar (lábléc) viszi a
   Hívás/Ajánlat CTA-t, így a hamburger a fő navigációt nyitja. Token-hű:
   0 radius, 2px tintakeret, paper háttér, éles X-animáció.
   ==================================================================== */
.navtog{display:none}
@media (max-width:980px){
  .navtog{
    display:inline-block;position:relative;flex:0 0 auto;
    width:46px;height:40px;padding:0;margin:0;cursor:pointer;
    border:2px solid var(--ink);background:var(--paper);border-radius:0;
    font-size:0;line-height:0;text-decoration:none;
    background-image:linear-gradient(var(--ink),var(--ink));
    background-size:22px 2px;background-position:center;background-repeat:no-repeat;
  }
  .navtog::before,.navtog::after{
    content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;
    margin-left:-11px;background:var(--ink);
    transition:transform var(--dur-1) var(--ease-out);
  }
  .navtog::before{transform:translateY(-7px)}
  .navtog::after{transform:translateY(7px)}
  .navtog:hover{background-color:var(--tq-l)}
  .navtog:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
  /* nyitott → X */
  .hdr.nav-open .navtog{background-size:0 2px}
  .hdr.nav-open .navtog::before{transform:translateY(0) rotate(45deg)}
  .hdr.nav-open .navtog::after{transform:translateY(0) rotate(-45deg)}

  /* lenyíló panel: a .nav abszolút a .hdr alatt, teljes szélességben */
  .hdr.nav-open .nav{
    display:flex;flex-direction:column;gap:0;
    position:absolute;left:0;right:0;top:100%;z-index:39;
    background:var(--paper);border-bottom:2px solid var(--ink);
    padding:var(--s-2) var(--gut);
  }
  .hdr.nav-open .nav a{
    padding:13px 2px;font-size:18px;font-weight:600;
    border-bottom:1px solid var(--n-300);
  }
  .hdr.nav-open .nav a:last-child{border-bottom:0}
}
/* kis kijelzőn a Diák/Cég kapcsoló kerül a dropdown alá a hely miatt:
   a sávban elrejtve (a navigációt a dropdown, a CTA-t a .mbar viszi) */
@media (max-width:560px){
  .sw{display:none}
}
@media (prefers-reduced-motion:reduce){
  .navtog,.navtog::before,.navtog::after{transition:none}
}

/* ====================================================================
   NATÍV BRICKS FORM-OK — paritás a mockup .lead-form/.btn-s stílussal
   (a <button class="bricks-button"> és a flat .form-group lista eltér a
   mockup nyers <button class="btn btn-s"> és .row2 markupjától). VPS-05.
   ==================================================================== */

/* submit gomb → .btn .btn-s (sárga CTA), minden natív formon (site-wide) */
.brxe-form button.bricks-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:600 17px var(--f-body);border:2px solid var(--ink);border-radius:var(--r-btn);
  padding:15px 24px;cursor:pointer;background:var(--sun);color:var(--navy-d);
  transition:background-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);
}
.brxe-form button.bricks-button:hover{background:var(--sun-d)}
.brxe-form button.bricks-button:active{transform:scale(.98)}

/* Cégeknek lead-form: 2-oszlopos mezőpárok (Név/Cégnév, E-mail/Telefon),
   a többi mező + a submit teljes szélességben (a mockup .row2 párjai) */
.lead-form .brxe-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);align-items:start}
.lead-form .brxe-form > .form-group{grid-column:1 / -1}
.lead-form .brxe-form > .form-group:nth-child(-n+4){grid-column:span 1}
@media (max-width:560px){
  .lead-form .brxe-form{grid-template-columns:1fr}
  .lead-form .brxe-form > .form-group:nth-child(-n+4){grid-column:1 / -1}
}

/* submit gomb: inline, természetes szélesség, balra (mockup .btn viselkedés).
   A Bricks elem-szkópolt .bricks-button{display:flex} (teljes szélesség) ellen !important. */
.brxe-form button.bricks-button{display:inline-flex !important;width:auto !important}

/* Lábléc hírlevél (.foot-news): input nő, submit természetes, kisebb gomb (mockup .foot-news .btn) */
.foot-news .brxe-form{gap:8px;flex-wrap:wrap}
.foot-news .brxe-form .form-group{flex:1 1 140px;min-width:0}
.foot-news .brxe-form .submit-button-wrapper{flex:0 0 auto}
.foot-news button.bricks-button{padding:9px 14px;font-size:14px}

/* KORREKCIÓ (natív form submit szélesség): a Bricks .form-group és
   .submit-button-wrapper flex-column + align-items:stretch, ezért a gomb a
   kereszttengelyen teljes szélességre nyúlt. align-items:flex-start → a gomb
   természetes szélességű, balra zárt (mockup .btn). submitButtonWidth a
   configból eltávolítva. */
.brxe-form .form-group.submit-button-wrapper{align-items:flex-start}

/* A lábléc hírlevél-form a Bricksben flex-column (a mockup .foot-news form
   sorrányát az elem-szkópolt szabály felülírta) → sorba kényszerítjük, az
   e-mail mező nő, a gomb természetes. */
.foot-news form.brxe-form{flex-direction:row;align-items:flex-start}
.foot-news form.brxe-form .form-group{flex:1 1 140px}
.foot-news form.brxe-form .submit-button-wrapper{flex:0 0 auto}

/* Hírlevél input-magasság fix: a mockup .foot-news input{flex:1 1 140px}
   a natív inputra illeszkedik, és a flex-column .form-group-ban a flex-basis
   magasságként hatott (140px magas input). Az e-mail .form-group-ot blokká
   tesszük → az input természetes magasságú, teljes szélességű. */
.foot-news form.brxe-form .form-group:not(.submit-button-wrapper){display:block}
.foot-news form.brxe-form .form-group input{width:100%}

/* Hírlevél inline-sor: a form-group + input min-width:0 kell, különben az input
   min-content szélessége szétfeszíti a sort és a gomb a következő sorba csúszik. */
.foot-news form.brxe-form .form-group{min-width:0}
.foot-news form.brxe-form .form-group input{min-width:0}

/* ====================================================================
   HERO AJTÓ-SZŰRŐ (.door .form) — natív Bricks form paritás
   A mockup .form label = kompakt bordered doboz (span + select). A natív
   formban a <label> csak a felirat, a mező-konténer a .form-group → a doboz-
   stílust a .form-group-ra visszük, a labelt kis felirattá tesszük, a selectet
   borderless-szé benne. (A mockup .form label bordered-box a natív label-
   textre illeszkedett → 150px magas label; ezt visszavonjuk.) VPS-05.
   ==================================================================== */
.door .brxe-form .form-group{
  flex:1 1 150px; min-width:0;
  display:flex; flex-direction:column; gap:0;
  background:#fff; border:2px solid var(--ink); padding:7px 14px;
}
.door .brxe-form .form-group:focus-within{box-shadow:0 0 0 3px var(--sun)}
.door .brxe-form .form-group label{
  flex:none; background:none; border:0; padding:0; margin:0;
  font:600 12px var(--f-body); color:var(--n-500);
  text-transform:none; letter-spacing:0;
}
.door .brxe-form .form-group select,
.door .brxe-form .form-group input{
  border:0; background:none; padding:2px 0; width:100%;
  font:600 16px var(--f-body); color:var(--ink); outline:0;
  text-overflow:ellipsis; -webkit-appearance:none; appearance:none;
}
/* CTA submit teljes szélességben (mockup .form .btn{flex:1 1 100%}) */
.door .brxe-form .submit-button-wrapper{flex:1 1 100%; align-items:stretch}
.door .brxe-form .submit-button-wrapper button.bricks-button{width:100% !important}

/* ====================================================================
   FŐOLDAL HERO + /ALLASOK/ SZÉLESSÉG — operátori visszajelzés (2026-10-08)
   ==================================================================== */

/* (1) Hero: a két fotós ajtó egymás MELLETT (desktop). A mockup .doors
   implicit flex-row-ja a Bricks .brxe-section flex-column alá esett → a
   két ajtó egymás alá stackelt. ≤980px marad column (mockup töréspont). */
@media (min-width:981px){
  .doors{flex-direction:row !important}
}

/* (3) /allasok/ archívum: a Bricks archive-sablon top-level blokkjai (fejléc,
   szűrősor, találat-fejléc, kártyarács, pagináció) --gut container NÉLKÜL,
   teljes szélességben futottak (a .say/.endcta már gut-olt). A site --maxw
   containerbe fogjuk őket: capelve, középre, --pad oldalközzel — konzisztens
   térközölés a többi szekcióval. */
.allas-head,
.brxe-block.filterbar,
.brxe-block.res-head,
.brxe-block.jobs,
.brxe-pagination.brx-ajax-pagination{
  max-width:var(--maxw);
  margin-inline:auto;
  width:calc(100% - 2 * var(--pad));
}

/* ====================================================================
   /ALLASOK/ ARCHÍVUM UX — operátori visszajelzés (2026-10-08)
   ==================================================================== */

/* felső térköz a fejléc alatt */
.allas-head{padding-top:var(--s-5)}

/* kártyák EGYFORMA magasak: a grid stretcheljen (Bricks flex-start-ra vette);
   a mockup .jpay{margin-top:auto} a bért+CTA-t alulra húzza → igazodik */
.brxe-block.jobs{align-items:stretch; margin-bottom:var(--s-4)}
.brxe-block.jobs > .job{height:100%}

/* lapozó: markánsabb, térközölt, kattintható dobozok */
.brxe-pagination{margin-top:var(--s-3); margin-bottom:var(--s-6)}
.bricks-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}
.bricks-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 14px;border:2px solid var(--ink);font:700 16px var(--f-body);color:var(--ink);text-decoration:none;background:#fff;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.bricks-pagination a.page-numbers:hover{background:var(--sun);color:var(--navy-d)}
.bricks-pagination .page-numbers.current{background:var(--ink);color:#fff}
.bricks-pagination .page-numbers.dots{border-color:transparent;background:none;min-width:0;padding:0 4px}

/* aktív szűrők = törölhető chipek (× a chipen) — egyértelmű a szűrő törlése */
.brxe-filter-active-filters{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 var(--s-3)}
.brxe-filter-active-filters:empty{margin:0}
.brxe-filter-active-filters li{margin:0;list-style:none}
.brxe-filter-active-filters a,.brxe-filter-active-filters button,.brxe-filter-active-filters li > *{
  display:inline-flex;align-items:center;gap:8px;
  border:2px solid var(--ink);background:var(--sun);color:var(--navy-d);
  font:600 14px var(--f-body);padding:6px 12px;text-decoration:none;cursor:pointer;
}
.brxe-filter-active-filters a::after,.brxe-filter-active-filters button::after{content:"\00d7";font-size:18px;line-height:1;font-weight:700}

/* === CIKK-OLDAL + PLÁZA-TÁBLÁZAT komponensek (04d aloldalak, 2026-10-10) ===
   Kanonikus forrás: 04-content-design/vps04d-aloldalak-diakcenter/styles.css.
   Csak tokenekből (d2-kombo board). Globálisan töltődik minden oldalon. */
.ptab table{width:100%;border-collapse:collapse;border:2px solid var(--ink);background:#fff;font-size:17px}
.ptab th,.ptab td{border:2px solid var(--ink);padding:var(--s-2) var(--s-3);text-align:left;vertical-align:top;line-height:1.4}
.ptab thead th{background:var(--navy);color:#fff;font:600 14px/1.3 var(--f-body);letter-spacing:.02em;text-transform:uppercase}
.ptab tbody th{font-weight:700;white-space:nowrap}
.ptab td:last-child{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.ptab tbody tr:nth-child(2n) th,.ptab tbody tr:nth-child(2n) td{background:var(--paper)}
.ptab-note{margin-top:var(--s-3);font-size:17px;color:var(--n-700)}
.ahero{background:var(--paper);border-bottom:2px solid var(--ink);padding:var(--s-6) var(--gut)}
.ahero-in{max-width:860px}
.ahero h1{font-size:clamp(36px,5vw,74px);line-height:1;letter-spacing:-.03em;margin:var(--s-2) 0 var(--s-3)}
.ahero h1 em{font-style:normal;background:linear-gradient(transparent 58%,var(--sun) 58% 92%,transparent 92%);padding:0 .05em}
.ahero .lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--n-700);max-width:62ch;margin:0 0 var(--s-3)}
.ahero-cta{display:flex;gap:var(--s-2);flex-wrap:wrap}
.art{padding:var(--s-6) var(--gut);display:flex;justify-content:center}
.art-col{width:100%;max-width:760px}
.art-col>h2{font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.02em;margin:var(--s-5) 0 var(--s-2)}
.art-col>h2:first-child{margin-top:0}
.art-col h3{font-size:clamp(20px,2vw,26px);line-height:1.15;margin:var(--s-4) 0 var(--s-1);color:var(--navy)}
.art-col p{margin:0 0 var(--s-2);font-size:18px;line-height:1.6;color:var(--n-700)}
.art-col ul{margin:0 0 var(--s-3);padding-left:1.2em}
.art-col li{font-size:18px;line-height:1.55;color:var(--n-700);margin-bottom:6px}
.art-col strong{color:var(--ink);font-weight:600}
.art-col a{color:var(--tq-d);text-decoration:underline;text-underline-offset:2px}
.art-col a:hover{color:var(--navy)}
.art-col .ptab{margin:var(--s-3) 0}
.art-note{margin:var(--s-2) 0 var(--s-3);padding:var(--s-2) var(--s-3);background:var(--tq-l);border-left:3px solid var(--tq-d);font-size:15px;line-height:1.5;color:var(--n-700)}
.art-note b{color:var(--ink)}
.art-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);margin:var(--s-3) 0}
.art-card{border:2px solid var(--ink);background:#fff;padding:var(--s-3);display:flex;flex-direction:column}
.art-card h4{font:700 15px var(--f-disp);margin:0 0 6px;color:var(--navy);letter-spacing:.01em}
.art-card p{margin:0;font-size:15px;line-height:1.5;color:var(--n-700)}
.art-card b{display:block;font:700 clamp(20px,2vw,26px)/1 var(--f-disp);color:var(--tq-d);margin-top:auto;padding-top:var(--s-2)}
@media (max-width:820px){.art-cards{grid-template-columns:1fr}}
@media (max-width:620px){.ptab table,.ptab tbody,.ptab tr,.ptab th,.ptab td{display:block;width:auto}.ptab thead{display:none}.ptab tr{border-bottom:2px solid var(--ink)}.ptab tbody tr:last-child{border-bottom:0}.ptab th,.ptab td{border:0;padding:var(--s-1) var(--s-3)}.ptab tbody th{padding-top:var(--s-2);font-size:19px}.ptab td:last-child{padding-bottom:var(--s-2)}}

/* mbar mobil túlcsordulás-fix (2026-10-10): a grid-cellák zsugorodhatnak 375px alatt */
.mbar a{min-width:0}
@media (max-width:620px){.ptab td{white-space:normal}}
@media (max-width:620px){.ptab td:last-child{white-space:normal}}

/* ====================================================================
   OPERÁTORI VISSZAJELZÉS — site-wide javítások (2026-10-13)
   ==================================================================== */

/* (A) STICKY FEJLÉC (K1). A forrásban .hdr{position:sticky;top:0}, de Bricks a
   header-sablont a #brx-header wrapperbe teszi: a belső .hdr sticky a saját
   (alacsony) szülődobozán belül ragad, így görgetésnél hatástalan. A sticky a
   wrapperre kell. */
#brx-header{position:sticky;top:0;z-index:100}

/* (B) LÁBLÉC OSZLOPCÍMEK SZÍNE. A lábléc-címek bare <h3>-ak (globális osztály
   nélkül) a .foot-col divben; a globális Theme Style navy heading-színe +
   alapmérete átütött rajtuk (a .foot-col h3 customCss alulmaradt a
   specificitásban), ezért navy háttéren sötét, nagy címként jelentek meg.
   Visszaállítjuk a mockup 13px uppercase fehér címet, a footer tagre szkópolva. */
/* Lábléc „Sütibeállítások” (Pressidium data-cc gomb, 6. fázis): úgy néz ki, mint a mellette álló linkek. */
.foot-col button.dc-suti-btn{background:none;border:0;padding:0;margin:0;font:inherit;font-size:15px;line-height:inherit;color:#b9cede;text-align:left;text-decoration:none;cursor:pointer;transition:color var(--dur-1) var(--ease-out)}
.foot-col button.dc-suti-btn:hover,.foot-col button.dc-suti-btn:focus-visible{color:var(--sun)}
/* Sütibanner (Pressidium) a board formanyelvén: Hanken törzsbetű, 0 radius (a színek a beállítás-JSON-ból jönnek). */
.pressidium-cc-theme{--cc-border-radius:0;--cc-btn-border-radius:0}
#cc--main,#cc--main #cm,#cc--main #s-cnt{font-family:var(--f-body)}
#cc--main #c-ttl,#cc--main #s-ttl{font-family:var(--f-disp)}

footer .brxe-heading,
footer h3{
  color:#fff !important;
  font:700 13px/1.2 var(--f-body) !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
}


/* ====================================================================
   OPERÁTORI VISSZAJELZÉS — ikonok + GYIK + endcta (2026-10-13)
   ==================================================================== */

/* (C) TÜRKIZ NÉGYZETEK → értelmezhető ikon.
   A .situ üres türkiz négyzete és a .nincs × jele félreérthető volt. */
/* .situ: szituációk → nyíl (ide lépünk be) */
.situ .situ-mark{display:grid;place-items:center}
.situ .situ-mark::after{content:"\2192";font:700 20px/1 var(--f-body);color:var(--navy-d)}
/* .nincs: költség, amit MEGSPÓROLSZ → pipa (le van véve a válladról), nem × */
.nincs .n b{font-size:0}
.nincs .n b::after{content:"\2713";font:700 18px/1 var(--f-body);color:var(--navy-d)}

/* (D) GYIK affordancia + keret. A <details> Bricksben .brxe-accordion-nested.faq
   lett: .faq > .brxe-block (item) → .accordion-title-wrapper[aria-expanded] + h3,
   majd .accordion-content-wrapper. A mockup .faq details/summary nem illeszkedett
   rá (csupasz, keret/affordancia nélkül). Visszaépítjük a Bricks-struktúrára. */
.faq > .brxe-block{border:2px solid var(--ink);background:#fff;margin-bottom:12px}
.faq .accordion-title-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:var(--s-2);padding:var(--s-3);cursor:pointer}
.faq .accordion-title-wrapper .brxe-heading{font:700 19px var(--f-disp);margin:0;flex:1 1 auto}
.faq .accordion-title-wrapper::after{content:"+";font:700 28px/1 var(--f-disp);color:var(--tq-d);flex:0 0 auto;transition:transform var(--dur-2) var(--ease-out)}
.faq .accordion-title-wrapper[aria-expanded="true"]::after{transform:rotate(45deg)}
.faq .accordion-title-wrapper:hover .brxe-heading{color:var(--tq-d)}
.faq .accordion-title-wrapper:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}
.faq .accordion-content-wrapper{padding:0 var(--s-3) var(--s-3)}
.faq .accordion-content-wrapper p{margin:0;font-size:17px;line-height:1.55;color:var(--n-700)}
.faq .accordion-content-wrapper a{color:var(--tq-d)}
@media (prefers-reduced-motion:reduce){.faq .accordion-title-wrapper::after{transition:none}}

/* (E) "Nincs most neked való?" (.endcta) hangulatelem: a sárga sáv üres oldala
   kapott egy nagy, halvány harang-motívumot (Szólunk, amikor jön → értesítés).
   Pozíciós, a tartalom fölé nem lóg (a szöveg z-index:1, a motívum a bal
   üres részen). */
.endcta{position:relative;overflow:hidden}
.endcta::before{
  content:"";position:absolute;left:var(--gut);top:50%;transform:translateY(-50%);
  width:clamp(90px,11vw,150px);height:clamp(90px,11vw,150px);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23012640%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%27%2F%3E%3Cpath%20d%3D%27M10.3%2021a1.94%201.94%200%200%200%203.4%200%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  opacity:.16;pointer-events:none;
}
.endcta > *{position:relative;z-index:1}
@media (max-width:760px){.endcta::before{display:none}}

/* ====================================================================
   MEGAMENÜ (fejléc, 2026-10-13) — Diákoknak/Cégeknek panel + Tudástár/Kapcsolat
   .nav > .nav-item(.has-mega) > .nav-trigger + .mega-panel > .mega-in > .mega-col
   ==================================================================== */
.nav{align-items:center}
.nav-item{position:relative;display:flex;align-items:center}
.nav-trigger{cursor:pointer;display:inline-flex;align-items:center}
.nav-trigger::after{content:"";width:7px;height:7px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform var(--dur-1) var(--ease-out)}
.nav-item:hover .nav-trigger::after,.nav-item:focus-within .nav-trigger::after{transform:rotate(-135deg) translateY(2px)}
.mega-panel{position:absolute;top:100%;left:0;z-index:60;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--tq);padding:var(--s-4);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),visibility 0s linear var(--dur-1)}
.nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.mega-in{display:flex;gap:var(--s-5)}
.mega-col{display:flex;flex-direction:column;gap:10px;min-width:168px}
.mega-h{font:700 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--n-500);margin:0 0 2px}
.mega-col a{text-decoration:none;font:600 15px var(--f-body);color:var(--ink);white-space:nowrap;transition:color var(--dur-1) var(--ease-out)}
.mega-col a:hover{color:var(--tq-d)}
@media (prefers-reduced-motion:reduce){.nav-trigger::after,.mega-panel{transition:none}}

/* mobil: a hamburgerben a panelek statikusan, kinyitva (nincs hover) */
@media (max-width:980px){
  .nav-item{flex-direction:column;align-items:stretch;width:100%}
  .nav-trigger::after{display:none}
  .mega-panel{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:2px 0 10px var(--s-2);min-width:0}
  .mega-in{flex-direction:column;gap:var(--s-2)}
  .mega-col{min-width:0;gap:6px}
  .hdr.nav-open .nav .mega-col a{border-bottom:0;padding:5px 0;font-size:15px;color:var(--n-700)}
}

/* Footer social ikonok (2026-10-13) — FB / IG / LinkedIn / Google Cégprofil */
.foot-social{display:flex;gap:10px;margin-top:var(--s-3)}
.foot-social a{display:grid;place-items:center;width:40px;height:40px;border:2px solid #2d4a68;color:#b9cede;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}
.foot-social a:hover{color:var(--navy-d);background:var(--sun);border-color:var(--sun)}
.foot-social svg{width:19px;height:19px;fill:currentColor;display:block}


/* endcta ERŐSEBB kompozíció (2026-10-13): középre zárt CTA + két keretező
   harang-motívum (markánsabb, mint a korábbi halvány vízjel). */
.endcta{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--s-3)}
.endcta h2{max-width:24ch;margin:0}
.endcta .ec-r{flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}
.endcta::before{
  left:6%;right:auto;top:50%;transform:translateY(-50%);
  width:clamp(110px,13vw,185px);height:clamp(110px,13vw,185px);opacity:.22;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23012640%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%27%2F%3E%3Cpath%20d%3D%27M10.3%2021a1.94%201.94%200%200%200%203.4%200%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
.endcta::after{
  content:"";position:absolute;right:6%;top:50%;transform:translateY(-50%) scaleX(-1);
  width:clamp(110px,13vw,185px);height:clamp(110px,13vw,185px);opacity:.22;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23012640%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%27%2F%3E%3Cpath%20d%3D%27M10.3%2021a1.94%201.94%200%200%200%203.4%200%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
@media (max-width:860px){.endcta::before,.endcta::after{display:none}}

/* GYIK + CTA kétoszlopos (Cégeknek, 2026-10-13) — .faq-2col section */
.faq-2col{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--s-5);align-items:start}
.faq-2col > .sec-head{grid-column:1 / -1}
.faq-2col > .faq{max-width:none}
.faq-cta-wrap{position:sticky;top:120px}
.faq-cta{border:2px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--tq);padding:var(--s-4)}
.faq-cta h3{font:700 clamp(20px,2vw,24px) var(--f-disp);margin:0 0 var(--s-2);color:var(--navy);line-height:1.1}
.faq-cta p{margin:0 0 var(--s-3);font-size:15px;line-height:1.5;color:var(--n-700)}
.faq-cta .btn{width:100%;justify-content:center}
.faq-cta-tel{display:block;margin-top:var(--s-2);text-align:center;font:600 14px var(--f-body);color:var(--tq-d);text-decoration:none}
.faq-cta-tel:hover{color:var(--navy)}
@media(max-width:900px){.faq-2col{grid-template-columns:1fr}.faq-cta-wrap{position:static;margin-top:var(--s-3)}}

/* Kapcsolat oldal (2026-10-13) — .kapcs 2 oszlop: info+térkép / űrlap */
.kapcs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);padding:var(--s-6) var(--pad);max-width:var(--maxw);margin-inline:auto;align-items:start}
.kapcs-info h3{font:700 clamp(20px,2vw,26px) var(--f-disp);margin:0 0 var(--s-2);color:var(--navy)}
.kapcs-info p{margin:0 0 var(--s-2);font-size:18px;line-height:1.5;color:var(--n-700)}
.kapcs-info strong{color:var(--ink);font-weight:600}
.kapcs-info a:not(.btn){color:var(--tq-d);text-decoration:underline;text-underline-offset:2px}
.kapcs-info .btn{margin-top:6px}
.kapcs-map iframe{width:100%;height:320px;border:2px solid var(--ink);display:block;margin-top:var(--s-2)}
.kapcs-form{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--tq);padding:var(--s-4)}
.kapcs-form h2{font:700 clamp(22px,2.2vw,30px) var(--f-disp);margin:0 0 var(--s-3);color:var(--navy)}
.kapcs-form .brxe-form label{font:600 14px var(--f-body);color:var(--n-700);margin-bottom:5px;display:block}
.kapcs-form .brxe-form input,.kapcs-form .brxe-form textarea{width:100%;border:2px solid var(--ink);background:#fff;padding:11px 14px;font:500 16px var(--f-body);color:var(--ink);outline:0}
.kapcs-form .brxe-form input:focus,.kapcs-form .brxe-form textarea:focus{box-shadow:inset 0 0 0 3px var(--sun)}
.kapcs-form .brxe-form textarea{min-height:120px;resize:vertical}
.kapcs-form .brxe-form .form-group{margin-bottom:var(--s-2)}
@media(max-width:860px){.kapcs{grid-template-columns:1fr}}

/* Rólunk — csapat-rács (2026-10-13) */
.team-sec{padding:var(--s-6) var(--gut);max-width:var(--maxw);margin-inline:auto}
.team-h{font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.02em;margin:0 0 var(--s-4)}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-3)}
.team-card{border:2px solid var(--ink);background:#fff;overflow:hidden}
.team-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:2px solid var(--ink)}
.team-noimg{aspect-ratio:1;display:grid;place-items:center;background:var(--tq-l);border-bottom:2px solid var(--ink);font:700 44px var(--f-disp);color:var(--tq-d)}
.team-card .tc-b{padding:var(--s-2) var(--s-3) var(--s-3)}
.team-card h3{font:700 19px var(--f-disp);margin:0;color:var(--navy)}
.team-card .tc-b p{margin:4px 0 0;font-size:13px;color:var(--n-500);text-transform:uppercase;letter-spacing:.04em;font-weight:600;line-height:1.3}

/* Jogi dokumentum (Adatkezelési tájékoztató) — .legal-doc az .art-col-on belül */
.legal-doc h4{font:700 clamp(19px,1.8vw,24px) var(--f-disp);color:var(--navy);margin:var(--s-4) 0 var(--s-1);line-height:1.15}
.legal-doc h5{font:700 17px var(--f-disp);color:var(--ink);margin:var(--s-3) 0 var(--s-1)}
.legal-doc table{width:100%;border-collapse:collapse;border:2px solid var(--ink);margin:var(--s-2) 0 var(--s-3);font-size:15px}
.legal-doc td,.legal-doc th{border:1px solid var(--n-300);padding:8px 12px;text-align:left;vertical-align:top;line-height:1.4}
.legal-doc td p{margin:0}
.legal-doc tr:first-child td{background:var(--paper);border-bottom:2px solid var(--ink)}
.legal-doc ul{margin:0 0 var(--s-2);padding-left:1.2em}
.suti-tabla{overflow-x:auto}
.suti-tabla table{min-width:720px}
.suti-tabla code{font-size:14px;white-space:nowrap}
.legal-doc li{margin-bottom:5px}

/* Blog-lista (2026-10-13) — poszt query loop */
.blog-sec{padding:var(--s-6) var(--gut);max-width:var(--maxw);margin-inline:auto}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-3)}
.post-card{border:2px solid var(--ink);background:#fff;padding:var(--s-3);display:flex;flex-direction:column}
.pc-title{font:700 clamp(19px,1.8vw,23px) var(--f-disp);margin:0 0 6px;line-height:1.15}
.pc-title a{color:var(--navy);text-decoration:none}
.pc-title a:hover{color:var(--tq-d)}
.pc-meta{font-size:13px;color:var(--n-500);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--s-2)}
.pc-exc{font-size:15px;line-height:1.5;color:var(--n-700);margin:0 0 var(--s-2)}
.pc-more{margin-top:auto;font:600 15px var(--f-body);color:var(--tq-d);text-decoration:none}
.pc-more:hover{color:var(--navy)}

/* Horgony-ugrás a ragadós fejléc alá (2026-10-13) */
html{scroll-padding-top:85px}

/* === 2026-10-14 operátori visszajelzés: end-CTA + footer feliratkozó === */
/* "Nincs/Nem találtad meg" end-CTA: dekoratív csengők eltávolítása (anti-slop töltelék), tömörebb sáv */
.endcta::before,.endcta::after{content:none;display:none}
.endcta{overflow:visible;padding-top:var(--s-5);padding-bottom:var(--s-5)}
/* Footer feliratkozó: a dupla keret (külső doboz + input) megszüntetése — tisztább mező+gomb */
.foot .foot-news{border:0;padding:0;max-width:380px}

/* Tudástár (2654) IDEIGLENES középre-igazítás a hibrid-újraépítésig — a GYIK-oszlop ne tapadjon balra (2026-10-14) */
.page-id-2654 .faq,.page-id-2654 .sec-head{margin-inline:auto}
.page-id-2654 .sec-head{max-width:820px}

/* ====================================================================
   ÁLLÁSÉRTESÍTŐ (dc-allasertesito plugin) — /allasok/ záró CTA (#ertesito)
   A sárga .endcta középre zár; a feliratkozó doboz balra zárt, 520px.
   ==================================================================== */
#ertesito{width:100%;max-width:520px;margin-inline:auto;text-align:left}
#ertesito .dc-alert{max-width:none;box-shadow:0 6px 24px rgba(1,54,94,.12)}
#ertesito .dc-alert label{color:var(--dc-alert-ink)}