/**
 * Responsive Styles for Elementor Widgets
 * Desktop, Tablet, and Mobile breakpoints
 */

/* Plans Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-plans-widget[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-plans-widget[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* News Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-news-widget[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-news-widget[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* Brands Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-brands-widget .brands-container[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 3), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-brands-widget .brands-container[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 2), 1fr) !important;
    }
}

/* Carousel Widget Responsive - handled via JavaScript */

/* Instagram Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-instagram-widget[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-instagram-widget[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* Performance Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-performance-widget[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-performance-widget[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* Stats Widget Responsive */
@media (max-width: 1024px) {
    .investmentwp-stats-widget[data-columns-tablet] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .investmentwp-stats-widget[data-columns-mobile] {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* Portfolio V2 Widget Responsive */
@media (max-width: 1024px) {
    .portfolio-grid-modern[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .portfolio-grid-modern[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* WooCommerce Products Grid Responsive */
@media (max-width: 1024px) {
    .products-grid[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 3), 1fr) !important;
    }
    .categories-grid[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 2), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .products-grid[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
    .categories-grid[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}

/* General Widget Container Responsive Padding/Margin */
@media (max-width: 1024px) {
    .elementor-widget .investmentwp-plans-widget,
    .elementor-widget .investmentwp-news-widget,
    .elementor-widget .investmentwp-brands-widget,
    .elementor-widget .investmentwp-carousel-widget,
    .elementor-widget .investmentwp-timeline-widget,
    .elementor-widget .investmentwp-titles-widget,
    .elementor-widget .investmentwp-instagram-widget,
    .elementor-widget .investmentwp-animated-counter,
    .elementor-widget .investmentwp-table-widget,
    .elementor-widget .investmentwp-countdown-widget,
    .elementor-widget .investmentwp-marquee-widget,
    .elementor-widget .investmentwp-buttons-widget,
    .elementor-widget .investmentwp-tabs-widget,
    .elementor-widget .investmentwp-list-widget,
    .elementor-widget .investmentwp-video-widget,
    .elementor-widget .investmentwp-compare-images-widget,
    .elementor-widget .investmentwp-image-hotspot-widget,
    .elementor-widget .investmentwp-progress-widget,
    .elementor-widget .investmentwp-section-divider-widget,
    .elementor-widget .investmentwp-parallax-widget,
    .elementor-widget .investmentwp-gradients-widget,
    .elementor-widget .investmentwp-button-popup-widget,
    .elementor-widget .investmentwp-360-degree-widget,
    .elementor-widget .investmentwp-menu-price-widget,
    .elementor-widget .investmentwp-about-widget,
    .elementor-widget .investmentwp-animations-widget,
    .elementor-widget .investmentwp-charts-widget,
    .elementor-widget .investmentwp-charts-v2-widget,
    .elementor-widget .investmentwp-comparison-widget,
    .elementor-widget .investmentwp-performance-widget,
    .elementor-widget .investmentwp-market-widget,
    .elementor-widget .investmentwp-risk-widget,
    .elementor-widget .investmentwp-asset-widget,
    .elementor-widget .investmentwp-contact-widget,
    .elementor-widget .investmentwp-contact-v2-widget,
    .elementor-widget .investmentwp-contact-v3-widget,
    .elementor-widget .investmentwp-contact-v4-widget,
    .elementor-widget .investmentwp-calculator-advanced-widget,
    .elementor-widget .investmentwp-testimonials-v2-widget,
    .elementor-widget .investmentwp-portfolio-v2-modern,
    .elementor-widget .investmentwp-hero-widget,
    .elementor-widget .investmentwp-social-widget {
        padding: 15px !important;
    }
}

@media (max-width: 768px) {
    .elementor-widget .investmentwp-plans-widget,
    .elementor-widget .investmentwp-news-widget,
    .elementor-widget .investmentwp-brands-widget,
    .elementor-widget .investmentwp-carousel-widget,
    .elementor-widget .investmentwp-timeline-widget,
    .elementor-widget .investmentwp-titles-widget,
    .elementor-widget .investmentwp-instagram-widget,
    .elementor-widget .investmentwp-animated-counter,
    .elementor-widget .investmentwp-table-widget,
    .elementor-widget .investmentwp-countdown-widget,
    .elementor-widget .investmentwp-marquee-widget,
    .elementor-widget .investmentwp-buttons-widget,
    .elementor-widget .investmentwp-tabs-widget,
    .elementor-widget .investmentwp-list-widget,
    .elementor-widget .investmentwp-video-widget,
    .elementor-widget .investmentwp-compare-images-widget,
    .elementor-widget .investmentwp-image-hotspot-widget,
    .elementor-widget .investmentwp-progress-widget,
    .elementor-widget .investmentwp-section-divider-widget,
    .elementor-widget .investmentwp-parallax-widget,
    .elementor-widget .investmentwp-gradients-widget,
    .elementor-widget .investmentwp-button-popup-widget,
    .elementor-widget .investmentwp-360-degree-widget,
    .elementor-widget .investmentwp-menu-price-widget,
    .elementor-widget .investmentwp-about-widget,
    .elementor-widget .investmentwp-animations-widget,
    .elementor-widget .investmentwp-charts-widget,
    .elementor-widget .investmentwp-charts-v2-widget,
    .elementor-widget .investmentwp-comparison-widget,
    .elementor-widget .investmentwp-performance-widget,
    .elementor-widget .investmentwp-market-widget,
    .elementor-widget .investmentwp-risk-widget,
    .elementor-widget .investmentwp-asset-widget,
    .elementor-widget .investmentwp-contact-widget,
    .elementor-widget .investmentwp-contact-v2-widget,
    .elementor-widget .investmentwp-contact-v3-widget,
    .elementor-widget .investmentwp-contact-v4-widget,
    .elementor-widget .investmentwp-calculator-advanced-widget,
    .elementor-widget .investmentwp-testimonials-v2-widget,
    .elementor-widget .investmentwp-portfolio-v2-modern,
    .elementor-widget .investmentwp-hero-widget,
    .elementor-widget .investmentwp-social-widget,
    .elementor-widget .investmentwp-products-grid-widget,
    .elementor-widget .investmentwp-recent-products-widget,
    .elementor-widget .investmentwp-featured-products-widget,
    .elementor-widget .investmentwp-product-carousel-widget,
    .elementor-widget .investmentwp-single-product-widget,
    .elementor-widget .investmentwp-product-category-widget,
    .elementor-widget .investmentwp-product-categories-widget,
    .elementor-widget .investmentwp-sale-products-widget,
    .elementor-widget .investmentwp-top-rated-products-widget,
    .elementor-widget .investmentwp-product-filters-widget,
    .elementor-widget .investmentwp-ajax-products-tabs-widget,
    .elementor-widget .investmentwp-related-products-widget,
    .elementor-widget .investmentwp-product-search-widget {
        padding: 10px !important;
    }
}

/* AJAX Products Tabs Responsive */
@media (max-width: 1024px) {
    .products-grid-container[data-columns-tablet] {
        grid-template-columns: repeat(var(--columns-tablet, 3), 1fr) !important;
    }
}

@media (max-width: 768px) {
    .products-grid-container[data-columns-mobile] {
        grid-template-columns: repeat(var(--columns-mobile, 1), 1fr) !important;
    }
}