/* Ortak Temel Özellikler */
#btnTc, #btnYabanci {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 64px; /* Yükseklik biraz düşürüldü */
    border-radius: 14px;
    cursor: pointer;
    font-weight: 600;
    background-color: white;
    border: 2px solid #e2e8f0; /* slate-200 */
    color: #64748b; /* slate-500 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Hover Efektleri (Pasifken) */
#btnTc:not(.active):hover,
#btnYabanci:not(.active):hover {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

#btnTc:active, #btnYabanci:active {
    transform: scale(0.97);
}

/* --- T.C. VATANDAŞIYIM AKTİF (Kırmızı) --- */
#btnTc.active {
    background-color: #ef4444; /* red-500 */
    border-color: #ef4444;
    color: white;
    box-shadow: 0 6px 15px -3px rgba(239, 68, 68, 0.3);
}

/* --- T.C. VATANDAŞI DEĞİLİM AKTİF (Mavi) --- */
#btnYabanci.active {
    background-color: #2563eb; /* blue-600 */
    border-color: #2563eb;
    color: white;
    box-shadow: 0 6px 15px -3px rgba(37, 99, 235, 0.3);
}

/* İkonlar */
#btnTc iconify-icon, #btnYabanci iconify-icon {
    font-size: 1.4rem;
    transition: all 0.3s ease;
}

#btnTc.active iconify-icon,
#btnYabanci.active iconify-icon {
    color: white !important;
}