/**
 * Elementor Widgets Mobile Responsive Styles
 *
 * @package InvestmentWP
 * @since 1.0.0
 */

/* General Mobile Styles for All Widgets */
@media (max-width: 768px) {
    /* Calculator Widget */
    .investmentwp-calculator-widget {
        padding: 20px 15px !important;
    }
    
    .investmentwp-calculator-widget h3 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    
    .investmentwp-calculator-widget label {
        font-size: 14px !important;
    }
    
    .investmentwp-calculator-widget input[type="number"] {
        font-size: 16px !important;
        padding: 10px !important;
    }
    
    .investmentwp-calculator-widget button {
        font-size: 14px !important;
        padding: 12px !important;
    }
    
    /* FAQ Widget */
    .investmentwp-faq-widget .faq-question {
        font-size: 16px !important;
        padding: 15px !important;
    }
    
    .investmentwp-faq-widget .faq-answer {
        font-size: 14px !important;
        padding: 15px !important;
    }
    
    /* Accordion Widget */
    .investmentwp-accordion-widget .accordion-title {
        font-size: 16px !important;
        padding: 15px !important;
    }
    
    .investmentwp-accordion-widget .accordion-content {
        font-size: 14px !important;
        padding: 15px !important;
    }
    
    /* Contact Widget */
    .investmentwp-contact-widget {
        flex-direction: column !important;
    }
    
    .investmentwp-contact-widget .contact-form,
    .investmentwp-contact-widget .contact-info {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    /* Blog Widget */
    .investmentwp-blog-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-blog-widget .blog-card {
        margin-bottom: 20px !important;
    }
    
    /* Portfolio Widget */
    .investmentwp-portfolio-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-portfolio-widget .portfolio-item {
        margin-bottom: 20px !important;
    }
    
    /* Team Widget */
    .investmentwp-team-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-team-widget .team-member {
        margin-bottom: 30px !important;
    }
    
    /* Testimonials Widget */
    .investmentwp-testimonials-widget .testimonial-item {
        margin-bottom: 30px !important;
    }
    
    /* Pricing Widget */
    .investmentwp-pricing-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-pricing-widget .pricing-card {
        margin-bottom: 30px !important;
    }
    
    /* Services Widget */
    .investmentwp-services-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-services-widget .service-item {
        margin-bottom: 30px !important;
    }
    
    /* Stats Widget */
    .investmentwp-stats-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Features Widget */
    .investmentwp-features-widget {
        grid-template-columns: 1fr !important;
    }
    
    /* Tabs Widget */
    .investmentwp-tabs-widget .tabs-nav {
        flex-wrap: wrap !important;
    }
    
    .investmentwp-tabs-widget .tab-button {
        flex: 1 1 auto !important;
        min-width: 100px !important;
        font-size: 14px !important;
        padding: 10px 15px !important;
    }
    
    /* Gallery Widget */
    .investmentwp-gallery-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Products Grid Widget */
    .investmentwp-products-grid-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Product Carousel Widget */
    .investmentwp-product-carousel-widget .product-item {
        min-width: 150px !important;
    }
    
    /* Table Widget */
    .investmentwp-table-widget table {
        font-size: 12px !important;
    }
    
    .investmentwp-table-widget th,
    .investmentwp-table-widget td {
        padding: 8px !important;
    }
    
    /* Countdown Widget */
    .investmentwp-countdown-widget .countdown-item {
        margin: 0 5px !important;
        padding: 10px !important;
    }
    
    .investmentwp-countdown-widget .countdown-number {
        font-size: 24px !important;
    }
    
    .investmentwp-countdown-widget .countdown-label {
        font-size: 10px !important;
    }
    
    /* Progress Widget */
    .investmentwp-progress-widget .progress-item {
        margin-bottom: 20px !important;
    }
    
    /* Timeline Widget */
    .investmentwp-timeline-widget .timeline-item {
        margin-bottom: 30px !important;
    }
    
    /* Hero Widget */
    .investmentwp-hero-widget h1 {
        font-size: 32px !important;
    }
    
    .investmentwp-hero-widget p {
        font-size: 16px !important;
    }
    
    /* CTA Widget */
    .investmentwp-cta-widget {
        padding: 30px 20px !important;
        text-align: center !important;
    }
    
    .investmentwp-cta-widget .cta-buttons {
        flex-direction: column !important;
    }
    
    .investmentwp-cta-widget .cta-button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    /* Social Widget */
    .investmentwp-social-widget .social-icons {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .investmentwp-social-widget .social-icon {
        margin: 5px !important;
    }
    
    /* Newsletter Widget */
    .investmentwp-newsletter-widget .newsletter-form {
        flex-direction: column !important;
    }
    
    .investmentwp-newsletter-widget input[type="email"] {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .investmentwp-newsletter-widget button {
        width: 100% !important;
    }
    
    /* Banner Widget */
    .investmentwp-banner-widget {
        padding: 40px 20px !important;
    }
    
    .investmentwp-banner-widget h2 {
        font-size: 28px !important;
    }
    
    /* Carousel Widget */
    .investmentwp-carousel-widget .carousel-item {
        min-width: 100% !important;
    }
    
    /* Video Widget */
    .investmentwp-video-widget iframe,
    .investmentwp-video-widget video {
        height: 250px !important;
    }
    
    /* Instagram Widget */
    .investmentwp-instagram-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Image Hotspot Widget */
    .investmentwp-image-hotspot-widget .hotspot-marker {
        width: 20px !important;
        height: 20px !important;
    }
    
    /* Marquee Widget */
    .investmentwp-marquee-widget {
        font-size: 14px !important;
    }
    
    /* Animated Counter Widget */
    .investmentwp-animated-counter-widget .counter-item {
        margin-bottom: 20px !important;
    }
    
    .investmentwp-animated-counter-widget .counter-number {
        font-size: 32px !important;
    }
    
    /* Buttons Widget */
    .investmentwp-buttons-widget .button-group {
        flex-direction: column !important;
    }
    
    .investmentwp-buttons-widget .button-item {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    /* List Widget */
    .investmentwp-list-widget .list-item {
        margin-bottom: 15px !important;
        font-size: 14px !important;
    }
    
    /* Infobox Widget */
    .investmentwp-infobox-widget {
        padding: 20px !important;
    }
    
    .investmentwp-infobox-widget h3 {
        font-size: 20px !important;
    }
    
    /* Section Divider Widget */
    .investmentwp-section-divider-widget {
        height: 50px !important;
    }
    
    /* 360 Degree Widget */
    .investmentwp-360-degree-widget {
        height: 300px !important;
    }
    
    /* Menu Price Widget */
    .investmentwp-menu-price-widget .menu-item {
        flex-direction: column !important;
    }
    
    .investmentwp-menu-price-widget .menu-price {
        margin-top: 10px !important;
    }
    
    /* Brands Widget */
    .investmentwp-brands-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Titles Widget */
    .investmentwp-titles-widget h1 {
        font-size: 32px !important;
    }
    
    .investmentwp-titles-widget h2 {
        font-size: 28px !important;
    }
    
    .investmentwp-titles-widget h3 {
        font-size: 24px !important;
    }
}

/* Tablet Styles */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Calculator Widget */
    .investmentwp-calculator-widget {
        padding: 25px 20px !important;
    }
    
    .investmentwp-calculator-widget h3 {
        font-size: 28px !important;
    }
    
    /* Blog Widget */
    .investmentwp-blog-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Portfolio Widget */
    .investmentwp-portfolio-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Team Widget */
    .investmentwp-team-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Pricing Widget */
    .investmentwp-pricing-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Services Widget */
    .investmentwp-services-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Stats Widget */
    .investmentwp-stats-widget {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Products Grid Widget */
    .investmentwp-products-grid-widget {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    /* Gallery Widget */
    .investmentwp-gallery-widget {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    /* Instagram Widget */
    .investmentwp-instagram-widget {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Small Mobile Devices */
@media (max-width: 480px) {
    .investmentwp-calculator-widget h3 {
        font-size: 20px !important;
    }
    
    .investmentwp-hero-widget h1 {
        font-size: 24px !important;
    }
    
    .investmentwp-banner-widget h2 {
        font-size: 24px !important;
    }
    
    .investmentwp-titles-widget h1 {
        font-size: 24px !important;
    }
    
    .investmentwp-titles-widget h2 {
        font-size: 20px !important;
    }
    
    .investmentwp-titles-widget h3 {
        font-size: 18px !important;
    }
    
    .investmentwp-stats-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-products-grid-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-gallery-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-instagram-widget {
        grid-template-columns: 1fr !important;
    }
    
    .investmentwp-brands-widget {
        grid-template-columns: 1fr !important;
    }
}