/* partner-logo-grid.css */
.plg-wrapper {
    width: 100%;
}

.plg-grid {
    display: grid;
    gap: 0;
    /* No borders or gaps by default unless added via Elementor */
    /* Layout columns handled dynamically via Elementor inline CSS variables */
    grid-template-columns: repeat(var(--plg-columns, 5), 1fr);
    border: none;
}

@media (max-width: 1024px) {
    .plg-grid {
        grid-template-columns: repeat(var(--plg-columns-tablet, 3), 1fr);
    }
}

@media (max-width: 767px) {
    .plg-grid {
        grid-template-columns: repeat(var(--plg-columns-mobile, 2), 1fr);
    }
}

.plg-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    /* Spacing inside each logo block */
    box-sizing: border-box;
    border: none;
    /* Explicitly remove borders */
    background: transparent;
}

.plg-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease, opacity 0.3s ease;
    mix-blend-mode: multiply;
    /* Helps logos blend with background if they aren't transparent */
}

/* Optional hover effect */
.plg-item:hover img {
    transform: scale(1.05);
}