/**
 * Imagelet Sleeves Widget Styles
 *
 * Grid layout only. Card styles are in frontend-product-card.css.
 *
 * @package Imagelet_Product_Types
 */

/* Grid Layout */
.ipt-sleeves-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.ipt-sleeves-grid.ipt-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.ipt-sleeves-grid.ipt-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.ipt-sleeves-grid.ipt-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Tablet Responsive */
@media (max-width: 1024px) {
    .ipt-sleeves-grid.ipt-cols-tablet-1 {
        grid-template-columns: 1fr;
    }

    .ipt-sleeves-grid.ipt-cols-tablet-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ipt-sleeves-grid.ipt-cols-tablet-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .ipt-sleeves-grid.ipt-cols-mobile-1 {
        grid-template-columns: 1fr;
    }

    .ipt-sleeves-grid.ipt-cols-mobile-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Hover Animations (scoped to sleeves grid) */
.ipt-sleeves-grid.ipt-hover-zoom .ipt-product-card:hover .ipt-product-card-canvas {
    transform: scale(1.05);
}

.ipt-sleeves-grid.ipt-hover-lift .ipt-product-card:hover {
    transform: translateY(-5px);
}

/* Empty State */
.ipt-sleeves-empty {
    padding: 40px;
    text-align: center;
    background-color: #f9f9f9;
    border: 2px dashed #ddd;
    border-radius: 8px;
}

.ipt-sleeves-empty p {
    margin: 0;
    color: #666;
    font-size: 14px;
}