/* NATURA CONNECT – forum.consultingro.com */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Inter:wght@400;500;600&display=swap');

:root{
  --pine:#22402F;        /* mély fenyőzöld – fejléc, címek */
  --pine-dark:#182E21;
  --leaf:#7CB35B;        /* friss levélzöld – akcentus */
  --wheat:#C9A227;       /* búzaarany – apró kiemelés */
  --paper:#F6F7F3;       /* háttér */
  --card:#FFFFFF;
  --ink:#1C2420;
  --ink-soft:#4C5A50;
  --line:#DDE3DA;
  --radius:14px;
  --maxw:1060px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
  font-size:16.5px;
}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;line-height:1.15;color:var(--pine)}
a{color:var(--pine)}

/* ---- nyelvváltás: body.ro elrejti a .hu blokkokat és fordítva ---- */
body.hu .ro{display:none !important}
body.ro .hu{display:none !important}

/* ---- fejléc ---- */
header.site{
  background:var(--pine);
  color:#fff;
  position:sticky;top:0;z-index:50;
  border-bottom:3px solid var(--leaf);
}
.site-inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;gap:1rem;
  padding:.7rem 1.2rem;flex-wrap:wrap;
}
.brand{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none;
  letter-spacing:.02em;display:flex;align-items:baseline;gap:.5rem;
}
.brand small{font-weight:400;font-size:.72rem;color:#BCD3C2;letter-spacing:.05em}
nav.main{display:flex;gap:.15rem;flex-wrap:wrap;margin-left:auto}
nav.main a{
  color:#E4EEE6;text-decoration:none;font-size:.92rem;font-weight:500;
  padding:.45rem .75rem;border-radius:8px;
}
nav.main a:hover{background:rgba(255,255,255,.12)}
nav.main a.active{background:var(--leaf);color:var(--pine-dark);font-weight:600}

/* nyelvváltó */
.langsw{display:flex;border:1px solid rgba(255,255,255,.35);border-radius:999px;overflow:hidden}
.langsw button{
  background:none;border:0;color:#E4EEE6;font:inherit;font-size:.85rem;font-weight:600;
  padding:.35rem .8rem;cursor:pointer;
}
.langsw button.on{background:#fff;color:var(--pine-dark)}

/* mobil menü */
.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;margin-left:auto}
@media(max-width:820px){
  .burger{display:block}
  nav.main{display:none;width:100%;flex-direction:column}
  nav.main.open{display:flex}
  nav.main a{padding:.7rem .75rem}
  .langsw{margin-left:auto}
}

/* ---- hero ---- */
.hero{
  background:linear-gradient(160deg,var(--pine) 0%,var(--pine-dark) 100%);
  color:#fff;padding:3.5rem 1.2rem 3rem;
}
.hero-inner{max-width:var(--maxw);margin:0 auto}
.hero .eyebrow{
  color:var(--leaf);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  font-size:.8rem;margin-bottom:.8rem;
}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.3rem);font-weight:800;max-width:20ch}
.hero p.lead{color:#D7E4DA;max-width:62ch;margin-top:1rem;font-size:1.05rem}
.meta-strip{
  display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.8rem;
  border-top:1px solid rgba(255,255,255,.2);padding-top:1.2rem;
}
.meta-strip div{font-size:.95rem}
.meta-strip .k{color:var(--wheat);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.btn{
  display:inline-block;background:var(--leaf);color:var(--pine-dark);
  font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border-radius:10px;
  margin-top:1.6rem;border:0;font-size:1rem;cursor:pointer;
}
.btn:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}

/* ---- tartalom ---- */
main{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.2rem 4rem}
.page-title{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:.4rem}
.page-sub{color:var(--ink-soft);margin-bottom:2rem;max-width:70ch}
section{margin-bottom:2.5rem}
section h2{font-size:1.4rem;margin-bottom:.8rem;padding-left:.8rem;border-left:4px solid var(--leaf)}
section p{margin-bottom:.8rem;max-width:75ch}
ul.nice{margin:.5rem 0 1rem 1.2rem}
ul.nice li{margin-bottom:.4rem}

.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem 1.6rem;margin-bottom:1.2rem;
}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}

/* program idővonal */
.slot{
  display:grid;grid-template-columns:110px 1fr;gap:1rem;
  padding:1rem 0;border-bottom:1px solid var(--line);
}
.slot:last-child{border-bottom:0}
.slot .time{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;color:var(--pine)}
.slot .what strong{display:block;color:var(--pine)}
.slot .what span{color:var(--ink-soft);font-size:.95rem}
@media(max-width:520px){.slot{grid-template-columns:1fr;gap:.2rem}}

/* résztvevők tábla */
table.participants{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
table.participants th{
  background:var(--pine);color:#fff;text-align:left;padding:.7rem 1rem;
  font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;
}
table.participants td{padding:.65rem 1rem;border-bottom:1px solid var(--line);font-size:.95rem}
table.participants tr:last-child td{border-bottom:0}
.status{color:var(--ink-soft);font-size:.95rem;padding:1rem 0}

/* iframe */
.formwrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem}
.formwrap iframe{width:100%;min-height:1200px;border:0;border-radius:10px}

/* archívum */
.arch{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem 1.4rem;margin-bottom:.9rem;text-decoration:none;color:var(--ink);
}
.arch:hover{border-color:var(--leaf)}
.arch .t{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;color:var(--pine)}
.arch .d{color:var(--ink-soft);font-size:.9rem}
.arch .go{color:var(--leaf);font-weight:700;white-space:nowrap}

/* lábléc */
footer.site{
  background:var(--pine-dark);color:#B9CCBE;padding:2rem 1.2rem;font-size:.9rem;
}
.foot-inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}
footer.site a{color:#DCE9DF}