/* Główny kontener ticker’a – pozwalamy cieniom wychodzić poza kontener */
.tes-ticker {
  overflow: visible;   /* zmienione z hidden na visible */
  padding: 0;
  margin: 0;
}

/* Pojedynczy event – wyrównujemy wszystko do góry, dodajemy pozycjonowanie */
.tes-item {
  position: relative;           /* by cień nie był obcinany nawet wewnątrz */
  display: flex;
  align-items: flex-start;
  padding: 15px;
/*  border-bottom: 1px solid #868686;*/
  transition: box-shadow 0.3s ease;
  background: #fff;             /* ważne, by cień był widoczny na białym tle */
  z-index: 1;
}

.tes-item.tes-no-padding {
/*  padding: 0 0 25px;*/
}

/* Hover: pełny cień */
.tes-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 2;                   /* podbijamy nad innymi, żeby cień się nie ukrył */
}

/* Blok z datą i miesiącem */
.tes-time {
  flex: 0 0 auto;
  width: 50px;
  text-align: center;
  border: 2px solid #CA9C57;
  border-radius: 4px;
  margin-right: 15px;
  padding: 5px 0;
  align-self: flex-start;
}

.tes-date {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #CA9C57;
  margin: 0 0 -8px;
}

.tes-month {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #333333;
}

/* Blok z tytułem i metadanymi */
.tes-info {
  flex: 1 1 auto;
}

/* Tytuł wydarzenia */
.tes-title {
  margin: 0 0 5px;
  font-size: 1.1em;
}

.tes-title a {
  text-decoration: none;
  color: inherit;
}

/* Meta: czas i lokalizacja */
.tes-meta {
  display: flex;
  align-items: baseline;
  font-size: 0.9em;
}

.tes-meta span {
  color: #868686;
}

.tes-time-meta,
.tes-location-meta {
  display: flex;
  align-items: baseline;
  margin-right: 20px;
}

.tes-meta i {
  margin-right: 4px;
  color: #CA9C57;
  display: inline-block;
  vertical-align: middle;
}