/* Animasyonu tanımlıyoruz -EA */
@keyframes pulseMe {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.10); /* %10 büyüme */
    }
    100% {
        transform: scale(1);
    }
}

/* Şikayet linkini kırmızı ve hareketli yapıyoruz -EA */
.complaint-link-pulsing {
    display: inline-block !important;
    color: #ff0000 !important; /* kırmızı */
    font-weight: bold !important;
    text-decoration: none !important; /* Alt çizgiyi kaldırır */
    font-size: 0.85rem !important;
    animation: pulseMe 1.5s infinite ease-in-out !important;
    cursor: pointer !important;
}

/* Şikayet sayısını siyah ve sabit tutuyoruz -EA */
.complaint-count {
    color: #212529 !important; /* Standart siyah */
    display: inline-block !important;
    margin-top: 2px !important;
    font-size: 1rem !important;
}
/* Turuncu buton için özel hover efekti -EA */
.btn-orange {
    background-color: #fd7e14;
    color: white;
    transition: all 0.3s ease; /* Geçişin yumuşak olması için */
}

    .btn-orange:hover {
        background-color: #e86c00 !important; /* Biraz daha koyu turuncu */
        color: white;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    }

/* Hem ana ekran hem pop up kısmındaki yorumların hover efekti - EA */
#yorumListesi .list-group-item,
#modalYorumListesi .list-group-item {
    transition: all 0.3s ease-in-out !important;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

    #yorumListesi .list-group-item:hover,
    #modalYorumListesi .list-group-item:hover {
        transform: scale(1.03) translateY(-3px) !important;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
        background-color: #ffffff !important;
        z-index: 10 !important;
    }

/* Yorumlar çok uzun olursa sadece 2 satır gösterip sonuna "..."  koyacak  -EA */
.yorum-ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Maksimum 2 satır gösterir */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.2;
}

/* Responsive tasarım için yorum kartını bir aşağı alıyorum -EA */
@media (max-width: 1399px) and (min-width: 992px) {

    /* Satırı elemanları ortalayacak ve taşanları aşağı atacak hale getir */
    .row.justify-content-center {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

        /* Tüm kartları %45 yapıyoruz çünkü iki tanesi yan yana gelince sığar, üçüncüsü gelince %135 yaptığı için sığmaz ve aşağı geçer */
        .row.justify-content-center > div {
            flex: 0 0 45% !important;
            max-width: 45% !important;
            display: flex !important;
        }

        /* Kartların içindeki beyaz card yapılarını boy olarak eşitle */
        .row.justify-content-center .card {
            width: 100% !important;
            height: 100% !important;
            min-height: 550px !important;
        }

        /* Alt satıra düşen yorum kartına alan tanıyorum */
        .row.justify-content-center > div:nth-child(3) {
            margin-top: 25px !important;
        }
}