/* İletişim Card Özel Stilleri */

/* Dropdown açıldığında uygulanacak stil (Tailwind arbitrary variant fallback olarak) */
#select-project_type.opened {
    min-height: calc(clamp(4rem, 3.429rem + 0.893vw, 4.5rem) + 1.25rem + (var(--rows, 2) * 3rem)) !important;
}

#select-project_type-options-selected-outer.selected {
    height: 2.5rem !important; /* h-10 Tailwind eşdeğeri */
}

/* Ok döndürme animasyonu için yedek */
#select-project_type.opened #select-project_type-button svg:first-of-type {
    transform: rotate(-225deg) !important;
}

/* Seçili butonu vurgula ve kapatma (x) işareti ekle */
#select-project_type-options-selected .option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
#select-project_type-options-selected .option::after {
    content: "✕";
    font-size: 0.75rem;
    opacity: 0.7;
}
#select-project_type-options-selected .option:hover::after {
    opacity: 1;
    color: red;
}