/* ============================================
   CAVERO RESPONSIVE STYLESHEET
   ============================================ */

/* Tablet (768px - 1023px) */
@media (max-width: 1023px) {
    .container {
        padding: 0 20px;
    }

    /* Header */
    .mobile-menu-toggle {
        display: flex;
    }

    .main-navigation {
        display: none;
    }

    .header-actions {
        gap: 12px;
    }

    /* Hero */
    .cavero-hero {
        min-height: 500px;
    }

    .hero-content .container {
        max-width: 100%;
        text-align: center;
    }

    .hero-subtitle {
        max-width: 100%;
    }

    .hero-buttons {
        justify-content: center;
    }

    /* Features */
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Categories */
    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Products */
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Promo Banner */
    .promo-inner {
        grid-template-columns: 1fr;
    }

    .promo-image {
        min-height: 300px;
        order: -1;
    }

    .promo-content {
        padding: 32px;
    }

    /* Testimonials */
    .testimonial-card {
        flex: 0 0 calc(50% - 12px);
    }

    /* Instagram */
    .instagram-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

/* Mobile (< 768px) */
@media (max-width: 767px) {
    .container {
        padding: 0 16px;
    }

    /* Announcement Bar */
    .cavero-announcement-bar .container {
        flex-direction: column;
        gap: 4px;
    }

    /* Header */
    .header-main {
        padding: 12px 0;
    }

    .site-branding .logo-text {
        font-size: 22px;
    }

    .header-actions button,
    .header-actions a {
        width: 36px;
        height: 36px;
    }

    /* Hero */
    .cavero-hero {
        min-height: 100svh;
        max-height: none;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 16px;
    }

    .hero-buttons {
        flex-direction: column;
        width: 100%;
    }

    .hero-buttons .btn-primary,
    .hero-buttons .btn-whatsapp {
        width: 100%;
        justify-content: center;
    }

    .hero-scroll {
        display: none;
    }

    /* Features */
    .cavero-features-bar {
        padding: 24px 0;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .feature-item {
        gap: 12px;
    }

    /* Categories */
    .cavero-categories {
        padding: 48px 0;
    }

    .categories-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .category-card {
        aspect-ratio: 16/9;
    }

    /* Products */
    .cavero-featured-products {
        padding: 48px 0;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .section-header {
        margin-bottom: 32px;
    }

    .product-image-wrapper {
        margin-bottom: 12px;
    }

    .product-actions {
        opacity: 1;
        transform: none;
        bottom: 8px;
        right: 8px;
    }

    .product-buttons {
        flex-direction: column;
        gap: 6px;
    }

    .btn-whatsapp-sm {
        width: 100%;
        justify-content: center;
    }

    /* Promo Banner */
    .cavero-promo-banner {
        padding: 48px 0;
    }

    .promo-content {
        padding: 24px;
    }

    .promo-image {
        min-height: 250px;
    }

    /* Testimonials */
    .cavero-testimonials {
        padding: 48px 0;
    }

    .testimonial-card {
        flex: 0 0 100%;
        padding: 24px;
    }

    /* Instagram */
    .cavero-instagram {
        padding: 48px 0;
    }

    .instagram-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }

    /* WhatsApp Section */
    .cavero-whatsapp-section {
        padding: 48px 0;
    }

    .whatsapp-icon {
        width: 64px;
        height: 64px;
    }

    /* Footer */
    .footer-main {
        padding: 48px 0 32px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .footer-bottom-inner {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    /* Mobile Bottom Nav */
    .mobile-bottom-nav {
        display: flex;
    }

    .cavero-whatsapp-float {
        bottom: 80px;
        right: 16px;
        width: 48px;
        height: 48px;
    }

    .whatsapp-tooltip {
        display: none;
    }

    /* Floating WhatsApp hidden when bottom nav is present */
    body:has(.mobile-bottom-nav) .cavero-whatsapp-float {
        display: none;
    }

    /* Adjust main content for bottom nav */
    .site-main {
        padding-bottom: 70px;
    }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
    .hero-title {
        font-size: 1.75rem;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

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

    .btn-primary,
    .btn-whatsapp {
        padding: 12px 20px;
        font-size: 13px;
    }
}

/* Large Desktop (> 1280px) */
@media (min-width: 1280px) {
    .container {
        max-width: 1320px;
    }

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

/* Ultra-wide (> 1536px) */
@media (min-width: 1536px) {
    .container {
        max-width: 1440px;
    }
}

/* RTL Support */
[dir="rtl"] .main-navigation .nav-menu a::after {
    left: auto;
    right: 0;
}

[dir="rtl"] .header-actions {
    flex-direction: row-reverse;
}

[dir="rtl"] .feature-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .testimonial-author {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-newsletter-form {
    flex-direction: row-reverse;
}

[dir="rtl"] .mobile-bottom-nav {
    flex-direction: row-reverse;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .scroll-line {
        animation: none;
    }
}

/* Print Styles */
@media print {
    .cavero-header,
    .cavero-footer,
    .mobile-bottom-nav,
    .cavero-whatsapp-float,
    .cavero-announcement-bar,
    .hero-buttons,
    .product-actions,
    .product-buttons,
    .testimonials-nav,
    .instagram-overlay,
    .mobile-menu-toggle,
    .search-toggle,
    .wishlist-link,
    .cart-link {
        display: none !important;
    }

    .cavero-hero {
        height: auto;
        min-height: auto;
    }

    .hero-background img {
        max-height: 300px;
    }

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