/*
 Theme Name:   Divi Child
 Theme URI:    https://példa.hu
 Description:  Child theme for Divi
 Author:       A neved
 Author URI:   https://példa.hu
 Template:     Divi
 Version:      1.0.0
*/

/* Ide írhatsz saját CSS-t */

/* EVENT CALENDAR */
/* Konténer & grid */
.del-events-list { max-width:1080px; margin:0 auto; padding:0 20px; }
.del-month-title {
  margin: 32px 0 14px;
  font-weight: 700;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.2;
  text-transform: uppercase; /* nagybetű, mint kértél */
  letter-spacing: .06em;
  color: #222;
}
.del-month-grid {
  display: grid;
  gap: 28px;
}
/* oszlopszám (desktop) */
@media (min-width: 981px){
  .del-events-list.del-cols-1 .del-month-grid { grid-template-columns: 1fr; }
  .del-events-list.del-cols-2 .del-month-grid { grid-template-columns: 1fr 1fr; }
  .del-events-list.del-cols-3 .del-month-grid { grid-template-columns: 1fr 1fr 1fr; }
}

/* Kártya */
.del-event-card {
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  overflow:hidden;
  display:flex;
  flex-direction: column;
}
.del-thumb img {
  width:100%; height:auto; display:block;
  aspect-ratio: 16/9; object-fit: cover; /* egységes képarány */
}
.del-card-body { padding:18px 20px 20px; }

/* Dátum oszlop (nap szám + rövid napnév) */
.del-date { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:6px; }
.del-day-num { font-size: 28px; font-weight: 800; line-height:1; color:#222; }
.del-weekday { font-size: 12px; opacity:.7; text-transform: uppercase; letter-spacing:.08em; }

/* Cím és meta */
.del-title { margin: 6px 0 4px; font-size: clamp(18px, 2vw, 22px); line-height:1.25; }
.del-title a { color:#222; text-decoration:none; font-weight:700; }
.del-title a:hover { opacity:.9; }
.del-meta { color: rgba(0,0,0,.65); font-size:.95em; margin-bottom:8px; }
.del-excerpt { color: rgba(0,0,0,.82); margin: 6px 0 12px; }

/* Gomb – Divi Accent Color */
.del-btn {
  display:inline-block;
  padding:12px 22px;
  border-radius:999px;
  background: var(--et_pb_accent_color, #2ea3f2);
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  letter-spacing:.2px;
  transition: transform .15s ease, filter .15s ease;
}
.del-btn:hover { transform: translateY(-1px); filter: brightness(.95); }