/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 14.07.2026
| Değişiklik Tarihi  : 14.07.2026
| Yaratan            : Özgür Elibol
| Dokümanın Amacı    : Portföy liste kartlarını sitenin beyaz-kırmızı
|                      kurumsal tasarımına uyarlayan stil dosyasıdır.
|--------------------------------------------------------------------------
*/

.caa-portfolio-card {
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(17, 24, 39, .09);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.caa-portfolio-card:hover {
    transform: translateY(-4px);
    border-color: rgba(237, 28, 36, .45);
    box-shadow: 0 20px 42px rgba(17, 24, 39, .14);
}

.caa-portfolio-card-link,
.caa-portfolio-card-link:visited {
    color: #111111;
    text-decoration: none;
}

.caa-portfolio-card-link:focus-visible {
    outline: 3px solid rgba(237, 28, 36, .55);
    outline-offset: 3px;
}

.caa-portfolio-photo {
    background: #f2f4f7;
    border-bottom: 1px solid #eceef2;
}

.caa-portfolio-photo-placeholder {
    color: #667085;
    background: linear-gradient(145deg, #f8fafc, #eef1f5);
}

.caa-portfolio-type-badge {
    border: 1px solid rgba(255, 255, 255, .5);
    background: #ED1C24;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(237, 28, 36, .23);
    backdrop-filter: none;
}

.caa-portfolio-card-body {
    padding: 19px 19px 21px;
    background: #ffffff;
}

.caa-portfolio-card h2 {
    margin: 0 0 15px;
    color: #101828;
    font-size: 1.18rem;
    font-weight: 850;
    letter-spacing: -.02em;
}

.caa-portfolio-facts {
    gap: 9px;
}

.caa-portfolio-facts div {
    grid-template-columns: minmax(88px, 38%) minmax(0, 1fr);
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f1f3;
}

.caa-portfolio-facts div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.caa-portfolio-facts dt {
    color: #667085;
    font-size: .76rem;
    font-weight: 650;
}

.caa-portfolio-facts dd {
    color: #1d2939;
    font-size: .82rem;
    font-weight: 750;
}

.caa-portfolio-tags {
    margin-top: 16px;
}

.caa-portfolio-tags span {
    border: 1px solid #f0c7ce;
    background: #fff5f6;
    color: #ED1C24;
    font-weight: 700;
}

@media (max-width: 700px) {
    .caa-portfolio-card {
        border-radius: 15px;
    }

    .caa-portfolio-card-body {
        padding: 16px;
    }
}