/* ============================================================================
   Videótanár – ESEMÉNYEK oldal stílus
   A psmkobecse.org.rs "Események" kártyás elrendezését követi, a videotanar
   színvilágához igazítva:  kék #1bb1dc · zöld #19ab3f · narancs #f66329 · szöveg #413e66
   ============================================================================ */
:root{
  /* A korábbi kék helyett zöld (kérésre minden kék elem zöld lett). */
  --e-kek:#19ab3f; --e-kek-sotet:#0f7a2b;
  --e-zold:#19ab3f; --e-zold-sotet:#0f7a2b; --e-zold-vilag:#eafff2;
  --e-narancs:#f66329;
  --e-piros:#d90718; --e-piros-sotet:#b00512;
  --e-szoveg:#413e66; --e-halvany:#7b7996; --e-szurke:#9a98b0;
  --e-feher:#ffffff; --e-vonal:#e2e6ef;
  --e-radius:14px;
  --e-arnyek:0 3px 14px rgba(65,62,102,.10);
  --e-arnyek-eros:0 8px 26px rgba(65,62,102,.18);
}

.esem-container{
  max-width:1000px; margin:0 auto; padding:100px 15px 60px;
  color:var(--e-szoveg); font-family:'Open Sans',Arial,sans-serif;
}

/* --- Oldalcímsor ----------------------------------------------------------- */
.esem-cimsor{ border-left:5px solid var(--e-zold); padding:2px 0 2px 14px; margin:0 0 22px; }
.esem-cimsor h1{
  color:var(--e-szoveg); font-family:'Montserrat',Arial,sans-serif;
  font-size:30px; margin:0; font-weight:800;
}
.esem-cimsor .esem-alcim{ margin:4px 0 0; color:var(--e-halvany); font-size:15px; }

/* --- Tanévválasztó --------------------------------------------------------- */
.esem-tanevvalaszto{
  background:var(--e-zold-vilag); border:1px solid #cdeed7; border-radius:10px;
  padding:12px 16px; margin-bottom:22px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.esem-tanevvalaszto label{ font-weight:700; color:var(--e-zold-sotet); }
.esem-tanevvalaszto select{
  padding:8px 12px; border-radius:8px; border:1px solid var(--e-vonal);
  font-size:15px; font-family:inherit; background:#fff; color:var(--e-szoveg); cursor:pointer;
}

/* --- Kártyák --------------------------------------------------------------- */
.esem-kartya{
  background:var(--e-feher); border:1px solid var(--e-vonal); border-radius:var(--e-radius);
  box-shadow:var(--e-arnyek); overflow:hidden; margin-bottom:20px;
  transition:box-shadow .2s ease, transform .2s ease;
}
.esem-kartya:hover{ box-shadow:var(--e-arnyek-eros); transform:translateY(-2px); }
.esem-kartya-test{ padding:18px 20px; display:flex; gap:20px; }
.esem-kartya-kep{ flex:0 0 210px; }
.esem-kartya-kep a{ display:block; }
.esem-kartya-kep img{
  width:210px; height:140px; object-fit:cover; border-radius:10px; border:1px solid var(--e-vonal);
}
.esem-kartya-szoveg{ min-width:0; flex:1; }

.esem-datum{
  display:inline-block; color:var(--e-zold-sotet); font-weight:700;
  font-size:13px; margin-bottom:6px;
}
.esem-kartya h2, .esem-kartya h2 a{
  color:var(--e-piros); font-family:'Montserrat',Arial,sans-serif;
  font-size:20px; margin:0 0 8px; font-weight:700; line-height:1.25; text-decoration:none;
}
.esem-kartya h2 a:hover{ color:var(--e-piros-sotet); }
.esem-bevezeto{ color:var(--e-szoveg); font-size:15px; margin:0 0 12px; line-height:1.6; }

.esem-lablec{
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid var(--e-vonal); padding-top:10px; margin-top:4px;
}
.esem-megtekintve{ color:#000; font-size:12.5px; margin-top:8px; }
.esem-megtekintve .szam{ color:var(--e-piros); font-weight:800; font-size:14px; margin:0 2px; }

/* --- Gomb ------------------------------------------------------------------ */
.esem-gomb{
  display:inline-block; background:var(--e-zold); color:#fff !important;
  padding:9px 18px; border-radius:8px; font-weight:700; font-size:14px;
  border:none; cursor:pointer; text-decoration:none !important;
  font-family:inherit; line-height:1.2;
}
.esem-gomb:hover{ background:var(--e-zold-sotet); }

/* --- Üres tanév ------------------------------------------------------------ */
.esem-ures{
  background:#fff; border:1px solid var(--e-vonal); border-radius:var(--e-radius);
  box-shadow:var(--e-arnyek); padding:24px 28px; color:var(--e-szoveg);
}
.esem-ures p{ margin:0; }

/* --- Lapozó ---------------------------------------------------------------- */
.esem-lapozo{ display:flex; gap:6px; flex-wrap:wrap; margin:6px 0 18px; }
.esem-lapozo a, .esem-lapozo span{
  min-width:38px; text-align:center; padding:8px 11px;
  border:1px solid var(--e-vonal); border-radius:8px; font-weight:700;
  color:var(--e-zold-sotet); background:#fff; text-decoration:none;
}
.esem-lapozo a:hover{ background:var(--e-zold-vilag); }
.esem-lapozo .aktiv{ background:var(--e-kek); color:#fff; border-color:var(--e-kek); }

/* --- Reszponzív ------------------------------------------------------------ */
@media (max-width:640px){
  .esem-kartya-test{ flex-direction:column; }
  .esem-kartya-kep, .esem-kartya-kep img{ flex-basis:auto; width:100%; height:auto; }
  .esem-cimsor h1{ font-size:25px; }
}