/**
 * Brand Display Styles
 * Styles for brand logo display on product list pages
 */

.plm-brand-logo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 8px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 4px 0;
}

.plm-brand-logo {
    max-width: 60px;
    max-height: 40px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Ensure product card has relative positioning */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .plm-brand-logo-wrapper {
        padding: 6px;
    }
    
    .plm-brand-logo {
        max-width: 50px;
        max-height: 35px;
    }
}