.imageTitleCard{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* kép konténer */
.imageTitleMedia{
  position:relative;
  overflow:hidden;
}

/* Drupal image */
.imageTitleMedia img{
  width:100%;
  height:auto;
  display:block;
}

/* overlay középre */
.imageTitleOverlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none; /* link kattintható marad */
}

/* cím */
.imageTitleText {
    color: #fff;
    transition: background 250ms ease;
    background: #2d68c4;
    text-transform: uppercase;
    padding: 0.5em 0.5em 0.2em;
}

/* hover szín */
.imageTitleCard:hover .imageTitleText,
.imageTitleCard:focus-visible .imageTitleText{
  background:#003087;
}

/* opcionális: szebb fókusz */
.imageTitleCard:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
}
.margin-left-minus-15 {margin-left: -15px;}
.event-link { text-decoration: none; color: inherit; }

/* belső layout fix */
.event-row{
  display:flex;
  flex-wrap:nowrap;   /* 👈 NEM törhet */
  width:100%;
}

.width-35{
  flex:0 0 34.3%;
  max-width:34.3%;
}

.width-65{
  flex:0 0 65.7%;
  max-width:65.7%;
}

/* azonos magasság */
.event-left,
.event-right{
  min-height:120px;   /* vagy amit használsz */
}

/* meta biztonság */
.event-right{
  padding-bottom:28px;
}
.width-35{
  min-width:90px;
}
/* ===== link ===== */

.view.events-list .event2-link{
  text-decoration:none;
  color:inherit;
}

/* ===== kártya ===== */

.view.events-list .event2-card{
  display:flex;
  flex-direction:column;
  background:#fff;
}

.view.events-list .event2-content{
  position:relative;
}

.view.events-list .event2-meta{
  position:absolute;
  left:16px;
  right:16px;
  bottom:12px;
  font-size:12px;
  display:flex;
  gap:18px;
  opacity:.85;
}

.view.events-list .event2-body{
  margin-top:10px;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height: 24px;
}

.view.events-list .event2-body > *:last-child{
  margin-bottom:0 !important;
}

/* ===== desktop ===== */

@media (min-width:992px){

  .view.events-list .event2-card{
    flex-direction:row;
    align-items:flex-start;
    gap:18px;
  }

  .view.events-list .event2-date{
    width:8em;
    height:8em;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
  }

  .view.events-list .event2-content{
    flex:1;
    min-height:8em;
  }

}

/* ===== sorok közti tér ===== */

.view.events-list .views-row{
  margin-bottom:22px;
}
.events-list .view-filters {
    display: none;
}

.event-date-inside-page {
    display: inline-block;
    font-size: x-large;
}