/* ============================================
   REFERANS GALERİSİ CSS
   Site.css veya ana CSS dosyasına eklenecek
   ============================================ */

/* Galeri Section */
.referansBlok {
    background: transparent;
}

    /* Galeri Kartları */
    .referansBlok .referansBlok-card {
        transition: all 0.3s ease;
        background: transparent !important;
    }

        .referansBlok .referansBlok-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.2) !important;
        }

    /* Resim Wrapper */
    .referansBlok .referansBlok-imgWrapper {
        position: relative;
        height: 250px;
        cursor: pointer;
        border-radius: 0.5rem;
        overflow: hidden;
    }

    /* Resim */
    .referansBlok .referansBlok-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
        border-radius: 0.5rem;
    }

    .referansBlok .referansBlok-imgWrapper:hover .referansBlok-img {
        transform: scale(1.1);
    }

    /* Hover Overlay */
    .referansBlok .referansBlok-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
        border-radius: 0.5rem;
    }

    .referansBlok .referansBlok-imgWrapper:hover .referansBlok-overlay {
        opacity: 1;
    }

    /* Tümünü Gördünüz Kartı */
    .referansBlok .referansBlok-allCard {
        background: linear-gradient(135deg, rgba(138, 43, 226, 0.8), rgba(75, 0, 130, 0.8)) !important;
    }

        .referansBlok .referansBlok-allCard:hover {
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.9), rgba(75, 0, 130, 0.9)) !important;
        }

    .referansBlok .referansBlok-allCardContent {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

        .referansBlok .referansBlok-allCardContent:hover {
            background: rgba(255, 255, 255, 0.05);
        }

/* Fancybox Özelleştirme */
.fancybox__caption {
    background: rgba(0, 0, 0, 0.8) !important;
    color: white !important;
    padding: 15px !important;
    font-size: 16px !important;
}

.fancybox__backdrop {
    background: rgba(0, 0, 0, 0.95) !important;
}