/* assets/css/duyurular.css */

/* ==================================== */
/* 1. BAŞLIK KAYMA SORUNU VE GENEL DÜZEN */
/* ==================================== */

/* Başlığın sabit menü altından net ve konforlu başlamasını sağlar. */
.announcements-main-content {
    padding-top: 11rem !important; /* ~176px - Etkinlikler ile aynı boşluk */ 
}

/* 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-announcement-link {
    background-color: #fce7f6; /* Pink-100 */
    color: #9d174d; /* Pink-800 */
    font-weight: 700;
}

/* ==================================== */
/* 2. DUYURU KART STİLLERİ */
/* ==================================== */

.announcement-card {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s, transform 0.3s;
    border-left: 5px solid #3b82f6; /* Mavi Çizgi Vurgusu */
}

.announcement-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Duyuru İkonu (Sol kısım) */
.icon-container {
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    background: #eff6ff; /* Blue-50 */
    color: #2563eb; /* Blue-600 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: 1.5rem;
}

/* Kategori Etiketleri */
.category-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 0.5rem;
}

/* Kategori Renklendirmeleri (Örnek) */
.category-tag.congress { background: #fef3c7; color: #b45309; } /* Sarı/Kahve */
.category-tag.membership { background: #dcfce7; color: #15803d; } /* Yeşil */
.category-tag.general { background: #e0f2fe; color: #075985; } /* Mavi */
.category-tag.social { background: #fce7f6; color: #a21caf; } /* Pembe */

/* Tarih Stili */
.announcement-date {
    font-size: 0.85rem;
    color: #6b7280; /* Gri */
    margin-bottom: 0.5rem;
}