.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Kartların aynı sırada eşit yükseklikte olmasını sağlar */
    display: flex; /* İçerideki flex yapısının doğru çalışması için */
    flex-direction: column; /* İçeriği dikeyde sıralar */
}

    .service-card:hover {
        transform: translateY(-8px); /* Kartın hafifçe yukarı kalkmasını sağlar */
        box-shadow: var(--mud-elevation-8); /* Gölgelendirmeyi artırır */
    }


/* Navigasyon çubuğunu tutan ve ortalayan sarmalayıcı */
.floating-nav-container {
    position: fixed; /* Sayfa kaysa bile yerinde kalmasını sağlar */
    top: 16px; /* Üst kenardan boşluk (değiştirebilirsiniz) */
    left: 0;
    right: 0;
    display: flex; /* İçindeki elemanı (MudPaper) ortalamak için */
    justify-content: center; /* Yatayda ortalama */
    z-index: 1100; /* Diğer bileşenlerin üzerinde kalmasını garantiler (MudBlazor App Bar z-index'i genellikle 1100'dür) */
}

/* Aktif olan navigasyon linki için stil */
.active-nav-link {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
    font-weight: 500;
}

/* Butonların kendi kenar yuvarlaklığını da hap şeklinde yapıyoruz. */
.mud-button.rounded-pill {
    border-radius: 50rem; /* MudBlazor'un .rounded-pill için kullandığı değer */
}