/* Fokus efekti çok daha yumuşak ve pembe tonlu -EA */
.form-control:focus,
.form-select:focus {
    border-color: #e91e63 !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.15) !important;
    outline: none;
}

/* Görseldeki oval ve dolgun yapıyı sağlar -EA */
.btn-pink {
    background-color: #e91e63 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    max-width: 420px; /* Butonun devasa olmasını engeller */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto; /* Merkeze hizalar */
}

    .btn-pink:hover:not(:disabled) {
        background-color: #c2185b !important;
        transform: translateY(-3px); /* Hafif yukarı kalkma */
        box-shadow: 0 8px 15px rgba(233, 30, 99, 0.3) !important;
    }

    /* Üye olmadan şikayet formu sayfası açıldığında form pasif durumda olur -EA */
    .btn-pink:disabled {
        background-color: #f06292 !important;
        opacity: 0.7;
        cursor: not-allowed !important;
        transform: none !important;
    }

    /* Tıklanınca (active) ve tıklandıktan sonra (focus) pembe -EA */
    .btn-pink:focus,
    .btn-pink:active,
    .btn-pink:focus-visible,
    .btn-pink:active:focus {
        background-color: #c2185b !important;
        color: #ffffff !important;
        box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25) !important;
        outline: none !important;
        transform: translateY(-1px) !important;
    }

/* Giriş yapılmadan formu görenler için biraz daha soft göster -EA */
input:disabled,
textarea:disabled {
    background-color: #f8f9fa !important;
    color: #adb5bd !important;
}

/* Yazı sınırı aşılınca kutuyu kırmızı yap -EA */
.border-danger-custom {
    border: 2px solid #dc3545 !important;
}