/* assets/css/etkinlikler.css */

/* ==================================== */
/* 1. BAŞLIK KAYMA SORUNU İÇİN GÜNCEL ÇÖZÜM */
/* ==================================== */

/* Başlığın sabit menü altından net ve konforlu başlamasını sağlar (Header yüksekliğinden daha büyük bir değer). */
.events-main-content {
    padding-top: 11rem !important; /* ~176px */ 
}

/* Ana başlığı sayfada ortalamak için */
.page-header-container {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Aktif Navigasyon Linki Vurgusu */
.nav-desktop a.active-event-link {
    background-color: #e0f2fe; /* Blue-100 */
    color: #1d4ed8; /* Blue-800 */
    font-weight: 700;
}

/* ==================================== */
/* 2. KART TASARIMI: SADE VE KARIŞMAYAN YAPILAR */
/* ==================================== */

.fancy-event-card {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); 
}

.fancy-event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Tarih Bloğu Vurgusu */
.date-block {
    background-color: #10b981; /* Emerald-500 */
    color: white;
    padding: 0.8rem 1rem;
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
}

.date-block.soon {
    background-color: #f97316; /* Orange-600 */
}

/* Kart İçerik Alanı (Yazıların üst üste gelmemesi için) */
.card-content-area {
    padding: 1.5rem; 
}

/* Yeni Durum Vurgusu Stili (Rozet yerine içerik içinde kullanılacak) */
.status-tag {
    display: inline-block;
    padding: 0.25rem 0.6rem;
    border-radius: 0.5rem;
    font-size: 0.875rem; /* text-sm */
    font-weight: 600;
    margin-bottom: 1rem; /* Başlık ile araya boşluk koyar */
}

.status-tag.open { 
    background-color: #dbeafe; /* Blue-100 */
    color: #1d4ed8; /* Blue-800 */
    border: 1px solid #93c5fd; /* Blue-300 */
}
.status-tag.soon { 
    background-color: #fff7ed; /* Orange-50 */
    color: #c2410c; /* Orange-700 */
    border: 1px solid #fdba74; /* Orange-300 */
}
/* Gerçekleşmiş Etkinlikler için istenen soluk ton */
.status-tag.done { 
    background-color: #e5e7eb; /* Gray-200 */
    color: #4b5563; /* Gray-600 */
}

/* İkon Renkleri */
.section-title-icon {
    color: #3b82f6; 
}
.section-title-archive-icon {
    color: #6b7280; 
}