/* Teknoloji Logolarını Birleştirici CSS */

/* Temel logo container */
.technologies-ds .item {
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: 120px;
    position: relative;
}

    /* Logo stilleri - Tutarlı görünüm */
    .technologies-ds .item .img {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        .technologies-ds .item .img img {
            max-width: 80px;
            max-height: 50px;
            object-fit: contain;
            transition: all 0.3s ease;
            /* Tüm logoları gri yap */
            filter: brightness(0) invert(1) opacity(0.7);
        }

    /* Hover durumunda orijinal renkleri göster */
    .technologies-ds .item:hover .img img {
        filter: brightness(1) invert(0) opacity(1);
        transform: scale(1.1);
    }

/* Alternatif 1: Beyaz arka plan ile */
.tech-logo-white {
    background: white !important;
    border-radius: 8px;
    padding: 15px;
}

    .tech-logo-white .img img {
        filter: none !important;
    }

/* Alternatif 2: Monokrom yaklaşım */
.tech-logo-mono .img img {
    filter: brightness(0) invert(1);
}

.tech-logo-mono:hover .img img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

/* Alternatif 3: Gölge efekti ile */
.tech-logo-shadow .img img {
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(0) invert(1);
}

.tech-logo-shadow:hover .img img {
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.4)) brightness(1) invert(0);
}

/* Spesifik logo düzenlemeleri */
/* Geliştirme & Altyapı */
.technologies-ds .item[data-tech="microsoft"] .img img {
    max-width: 200px;
}

.technologies-ds .item[data-tech="azure"] .img img {
    max-width: 90px;
}

.technologies-ds .item[data-tech="dotnet"] .img img {
    max-width: 65px;
}

.technologies-ds .item[data-tech="github"] .img img {
    max-width: 75px;
}

.technologies-ds .item[data-tech="visual-studio"] .img img {
    max-width: 85px;
}

/* Tasarım & Kreatif */
.technologies-ds .item[data-tech="adobe"] .img img {
    max-width: 75px;
}

.technologies-ds .item[data-tech="photoshop"] .img img {
    max-width: 70px;
}

.technologies-ds .item[data-tech="illustrator"] .img img {
    max-width: 70px;
}

.technologies-ds .item[data-tech="figma"] .img img {
    max-width: 65px;
}

.technologies-ds .item[data-tech="after-effects"] .img img {
    max-width: 80px;
}

/* Reklam & Pazarlama */
.technologies-ds .item[data-tech="google-ads"] .img img {
    max-width: 85px;
}

.technologies-ds .item[data-tech="google-analytics"] .img img {
    max-width: 85px;
}

.technologies-ds .item[data-tech="meta-business"] .img img {
    max-width: 80px;
}

.technologies-ds .item[data-tech="linkedin-ads"] .img img {
    max-width: 75px;
}

.technologies-ds .item[data-tech="yandex"] .img img {
    max-width: 70px;
}

/* Analiz & Ölçümleme */
.technologies-ds .item[data-tech="power-bi"] .img img {
    max-width: 75px;
}

.technologies-ds .item[data-tech="google-search-console"] .img img {
    max-width: 80px;
}

.technologies-ds .item[data-tech="hotjar"] .img img {
    max-width: 70px;
}

.technologies-ds .item[data-tech="semrush"] .img img {
    max-width: 75px;
}

.technologies-ds .item[data-tech="sql-server"] .img img {
    max-width: 80px;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .technologies-ds .item {
        height: 100px;
        padding: 20px 15px;
    }

        .technologies-ds .item .img img {
            max-width: 60px;
            max-height: 40px;
        }
}

@media (max-width: 575px) {
    .technologies-ds .item {
        margin-bottom: 15px;
    }
}

@media (max-width: 821px) {
    .technologies-ds .item {
        margin-bottom: 15px;
    }