/* public/events.css · events calendar (KFU-132): /etkinlikler/ lists, the home "Bu hafta" row and the card chip.
   Its own file (styles.css is at its weight budget): linked by the calendar pages, loaded by /events.js on the home page. */
.kf-evsec { display: grid; gap: 12px; margin-top: 18px; }
.legal .kf-evlist, .kf-evlist { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.kf-ev { display: grid; gap: 6px; padding: 16px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); min-width: 0; }
.kf-ev h3 { margin: 0; font-family: var(--display); font-size: clamp(18px, 2.6vw, 21px); line-height: 1.2; overflow-wrap: anywhere; }
.kf-ev p { margin: 0; }
.kf-ev__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.kf-ev__state, .kf-ev__tag { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: 999px; font-size: 13px; font-weight: 800; background: var(--ink-2); color: var(--text); border: 1px solid var(--line); }
.kf-ev__state[data-state="now"] { background: var(--sun); color: var(--on); border-color: transparent; }
.kf-ev__state[data-state="ended"] { color: var(--muted); }
.kf-ev__lead { color: var(--text); overflow-wrap: anywhere; }
.kf-ev__when { color: var(--muted); font-size: 14px; font-variant-numeric: tabular-nums; }
.kf-ev__go { min-height: 44px; margin-top: 4px; }
.kf-evnone { color: var(--muted); }
.kf-week { display: grid; gap: 12px; }
.kf-week[hidden] { display: none; }
.kf-week__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.kf-week__item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-height: 56px; padding: 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; }
.kf-week__item:hover, .kf-week__item:focus-visible { border-color: rgba(255, 194, 51, .55); }
.kf-week__item:focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; }
.kf-week__item b { flex: 1 1 140px; min-width: 0; overflow-wrap: anywhere; }
.kf-week__when, .kf-week__tag { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 999px; font-size: 13px; font-weight: 800; background: var(--sun); color: var(--on); white-space: nowrap; }
.kf-week__tag { background: var(--ink-2); color: var(--text); border: 1px solid var(--line); }
.kf-week__go { color: var(--coral-2); font-weight: 800; white-space: nowrap; }
.kf-week__all { margin: 0; }
.kf-week__all a { display: inline-flex; align-items: center; min-height: 44px; color: var(--coral-2); font-weight: 800; }
.kf-evchip { display: inline-flex; align-items: center; max-width: 100%; min-height: 22px; padding: 0 8px; border-radius: 999px; background: var(--sun); color: var(--on); font-size: 12px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }