/*
 * Responsive CSS
 * Media queries for all breakpoints
 */

/* ==========================================================================
   TABLET (768px and down)
   ========================================================================== */
@media (max-width: 991px) {
    
    /* Layout */
    .grid--3, .grid--4 { grid-template-columns: repeat(2, 1fr); }
    
    /* Header */
    .main-navigation { display: none !important; }
    .header-actions .lang-switcher { display: none !important; } /* Hide desktop lang switcher */
    .mobile-menu-toggle { display: block !important; }
    
    /* Hero */
    .hero-actions { flex-direction: column; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
    .hero-actions .btn { width: 100%; }
    
    /* Forms */
    .form-row { grid-template-columns: 1fr; gap: 0; }
    
    /* Footer */
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-2xl); }
    
    /* Spacing */
    .section { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
    .section--lg { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); }
}

/* ==========================================================================
   MOBILE (576px and down)
   ========================================================================== */
@media (max-width: 575px) {
    
    /* Layout */
    .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
    
    /* Typography */
    .heading-hero { font-size: 2.5rem; }
    .section-title { font-size: 2rem; }
    
    /* Components */
    .about-preview__image .image-frame { padding: 10px; }
    .image-frame__border { bottom: 20px; left: 20px; }
    body.is-rtl .image-frame__border { right: 20px; left: 0; }
    
    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); text-align: center; }
    .footer-social { justify-content: center; }
    .footer-column .widget-title::after { left: 50%; transform: translateX(-50%); }
    .footer-contact-list li { justify-content: center; text-align: left; }
    body.is-rtl .footer-contact-list li { text-align: right; }
    .footer-bottom .flex--between { flex-direction: column; gap: var(--space-md); text-align: center; }
    
    /* Products Page */
    .products-toolbar { flex-direction: column; }
    .products-filter, .products-search { width: 100%; max-width: 100%; }
    
    /* Bulk Orders */
    .bulk-info-container .sticky { position: static; margin-top: var(--space-2xl); }
    
    /* Touch Targets */
    .btn, input, select, button { min-height: 48px; }
    
    /* Spacing */
    .p-10 { padding: 1.5rem; }
    .p-8 { padding: 1.5rem; }
}

/* ==========================================================================
   LARGE DESKTOP (1200px and up)
   ========================================================================== */
@media (min-width: 1200px) {
    .container { padding-left: 0; padding-right: 0; }
}

/* ==========================================================================
   HEIGHT BASED (Landscape phones)
   ========================================================================== */
@media (max-height: 600px) and (orientation: landscape) {
    .hero-wrapper { min-height: auto; padding: 120px 0 80px; }
    .scroll-indicator { display: none; }
    .mobile-nav-container { padding-top: 60px; }
}