/* Etkinlikler — liste kartları ve aylık takvim.
   Renkler ortak.css'teki --brl-* belirteçlerinden; sabit renk yok. */

.et{--et-accent:var(--brl-accent);--et-ikincil:var(--brl-ikincil);--et-cizgi:var(--brl-cizgi);
--et-metin:var(--brl-metin);--et-soluk:var(--brl-soluk);--et-zemin:var(--brl-zemin);--et-kutu:var(--brl-kutu);
box-sizing:border-box;color:var(--et-metin);font-size:15px;line-height:1.45}
.et *,.et *::before,.et *::after{box-sizing:inherit}

/* --- Kart --- */
.et-liste{display:flex;flex-direction:column;gap:10px}
.et-kart{position:relative;display:flex;align-items:stretch;gap:16px;padding:14px 16px;
background:var(--et-kutu);border:1px solid var(--et-cizgi);border-left:3px solid var(--et-cizgi);
transition:border-color .15s ease,background .15s ease}
.et-kart:hover{border-left-color:var(--et-accent);background:var(--et-zemin)}

/* Kartın tamamı tıklanabilir: başlık bağlantısı ::after ile kartın üstüne
   yayılıyor. Kartı <a> ile sarmak, içindeki "Etkinlik Linki" bağlantısını iç
   içe <a> yapardı — geçersiz HTML. Bu yöntemde erişilebilirlik ağacında yine
   iki ayrı bağlantı görünüyor. */
.et-baslik a::after{content:"";position:absolute;inset:0;z-index:0}

/* Tarih kutusu: kartın en soğuk parçası, hizayı o tutuyor. */
.et-tarih{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:8px 0;background:var(--et-zemin);border-top:3px solid var(--et-accent);line-height:1.1;
transition:background .15s ease}
.et-kart:hover .et-tarih{background:var(--et-kutu)}
.et-tarih-gun{font-size:24px;font-weight:700;letter-spacing:-.02em}
.et-tarih-ay{margin-top:2px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--et-accent)}
.et-tarih-yil{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--et-soluk)}

.et-govde{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.et-baslik{margin:0;font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.et-baslik a{color:inherit;text-decoration:none}
.et-kart:hover .et-baslik a{color:var(--et-accent)}

.et-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:12.5px;color:var(--et-soluk)}
.et-meta-oge{display:inline-flex;align-items:center;min-width:0;overflow-wrap:anywhere}
.et-meta-oge i{margin-right:6px;color:var(--et-accent)}

/* Yayılan başlık bağlantısının üstünde kalmalı, yoksa tıklanamaz. */
.et-site{position:relative;z-index:1;align-self:flex-start;margin-top:2px;
font-size:11px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--et-accent);text-decoration:none}
.et-site i{margin-left:6px;font-size:10px}
.et-site:hover{text-decoration:underline}

/* Geçmiş etkinlik: silinmiyor, geri çekiliyor. */
.et-kart-gecmis .et-tarih{border-top-color:var(--et-soluk)}
.et-kart-gecmis .et-tarih-ay{color:var(--et-soluk)}
.et-kart-gecmis .et-baslik{font-weight:600}
.et-kart-gecmis .et-meta-oge i{color:var(--et-soluk)}

.et-bos{margin:0;padding:12px 14px;background:var(--et-zemin);
border-left:3px solid var(--et-accent);font-size:14px;color:var(--et-soluk)}

/* --- Takvim --- */
.et-tak-arac{display:flex;align-items:center;justify-content:space-between;gap:10px;
margin:0 0 10px;padding:8px 10px;background:var(--et-zemin);
border:1px solid var(--et-cizgi);border-left:3px solid var(--et-accent)}
.et-tak-ad{font-size:15px;font-weight:700;letter-spacing:.2px}
.et-tak-ok{display:flex;align-items:center;justify-content:center;width:34px;height:34px;
padding:0;background:var(--et-kutu);border:1px solid var(--et-cizgi);border-radius:0;
color:var(--et-metin);font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.et-tak-ok:hover{background:var(--et-accent);border-color:var(--et-accent);color:var(--et-kutu)}
.et-tak-ok:focus-visible{outline:2px solid var(--et-accent);outline-offset:2px}

.et-tak-hafta,.et-tak-gunler{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.et-tak-hafta{margin-bottom:4px}
.et-tak-gunad{padding:4px 0;text-align:center;font-size:10px;font-weight:700;
letter-spacing:1px;text-transform:uppercase;color:var(--et-soluk)}

.et-tak-gun{position:relative;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:4px;min-height:52px;padding:6px 2px;background:var(--et-kutu);
border:1px solid var(--et-cizgi);border-radius:0;font:inherit;color:var(--et-soluk)}
.et-tak-bos{background:transparent;border-color:transparent}
.et-tak-sayi{font-size:14px;font-weight:600;line-height:1}

/* Etkinliği olan gün tıklanabilir; nokta o günü işaretliyor. */
button.et-tak-gun{cursor:pointer;color:var(--et-metin);
transition:background .12s,border-color .12s}
button.et-tak-gun:hover{background:var(--et-zemin);border-color:var(--et-accent)}
button.et-tak-gun:focus-visible{outline:2px solid var(--et-accent);outline-offset:1px}
/* Nokta ikincil renkte: kırmızı vurgu hover ve seçim için ayrıldı, nokta
   yalnızca "bu günde etkinlik var" bilgisini taşıyor. */
.et-tak-nokta{width:5px;height:5px;background:var(--et-ikincil)}
.et-tak-gun.is-bugun{border-color:var(--et-metin)}
.et-tak-gun.is-bugun .et-tak-sayi{color:var(--et-accent)}

.et-tak-gun.is-secili{background:var(--et-ikincil);border-color:var(--et-ikincil)}
.et-tak-gun.is-secili .et-tak-sayi{color:var(--et-kutu)}
.et-tak-gun.is-secili .et-tak-nokta{background:var(--et-kutu)}
/* Seçili gün hover'da da lacivert kalıyor; genel hover kuralı onu açık
   zemine çevirip yazıyı okunmaz hale getiriyordu. */
button.et-tak-gun.is-secili:hover{background:var(--et-ikincil);border-color:var(--et-ikincil)}

.et-tak-liste{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.et-tak-baslik{margin:0;font-size:11px;font-weight:700;letter-spacing:1px;
text-transform:uppercase;color:var(--et-soluk)}
.et-tak-temizle{margin-left:8px;padding:0;background:none;border:0;color:var(--et-accent);
font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
text-decoration:underline;cursor:pointer}

.et .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (max-width:560px){
.et-kart{gap:12px;padding:12px}
.et-tarih{flex:0 0 54px}
.et-tarih-gun{font-size:20px}
.et-baslik{font-size:15px}
.et-tak-gun{min-height:44px}
.et-tak-gunad{font-size:9px;letter-spacing:.5px}
}