/* 
 * فایل CSS مخصوص بهبودهای Responsive برای سایت زاگرس پارت
 * تاریخ: 2025
 */

/* تنظیمات کلی موبایل */
@media (max-width: 480px) {
  /* کاهش فاصله‌ها در موبایل */
  .container-mobile {
    padding: 0.75rem !important;
  }
  
  /* بهبود اندازه فونت‌ها */
  .mobile-text-sm {
    font-size: 0.75rem !important;
  }
  
  .mobile-text-base {
    font-size: 0.875rem !important;
  }
  
  /* بهبود دکمه‌ها در موبایل */
  .mobile-btn {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
  }
  
  /* کاهش سایه‌ها برای عملکرد بهتر */
  .mobile-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  }
}

/* تبلت کوچک */
@media (min-width: 481px) and (max-width: 640px) {
  .tablet-sm-padding {
    padding: 1rem !important;
  }
}

/* تبلت */
@media (min-width: 641px) and (max-width: 768px) {
  .tablet-padding {
    padding: 1.25rem !important;
  }
}

/* دسکتاپ کوچک */
@media (min-width: 769px) and (max-width: 1024px) {
  .desktop-sm-padding {
    padding: 1.5rem !important;
  }
}

/* بهبود grid layouts برای سایزهای مختلف */
@media (max-width: 480px) {
  .mobile-grid-1 {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0.75rem !important;
  }
}

@media (min-width: 481px) and (max-width: 640px) {
  .mobile-grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
}

/* بهبود swiper در موبایل */
@media (max-width: 640px) {
  .swiper-mobile {
    margin: 0.5rem 0 !important;
  }
  
  .swiper-slide-mobile {
    padding: 0.5rem !important;
  }
}

/* بهبود modal ها در موبایل */
@media (max-width: 640px) {
  .modal-mobile {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 1rem !important;
  }
}

/* بهبود فرم‌ها در موبایل */
@media (max-width: 640px) {
  .form-mobile input,
  .form-mobile textarea,
  .form-mobile select {
    font-size: 16px !important; /* جلوگیری از zoom در iOS */
    padding: 0.75rem !important;
  }
}

/* بهبود navigation در موبایل */
@media (max-width: 640px) {
  .nav-mobile {
    padding: 0.5rem !important;
  }
  
  .nav-mobile button {
    min-height: 44px !important; /* استاندارد Apple */
    min-width: 44px !important;
  }
}

/* حذف hover effects در touch devices */
@media (hover: none) and (pointer: coarse) {
  .no-touch-hover:hover {
    transform: none !important;
    box-shadow: inherit !important;
  }
}

/* بهبود accessibility */
@media (prefers-reduced-motion: reduce) {
  .respect-motion-preference {
    animation: none !important;
    transition: none !important;
  }
}

/* بهبود contrast برای خوانایی بهتر */
@media (prefers-contrast: high) {
  .high-contrast {
    border: 2px solid currentColor !important;
  }
}

/* تنظیمات ویژه برای landscape در موبایل */
@media (max-width: 640px) and (orientation: landscape) {
  .landscape-mobile {
    height: 80vh !important;
  }
}

/* بهبود loading states */
.loading-mobile {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Utility classes برای responsive */
.hide-mobile {
  display: block;
}

@media (max-width: 640px) {
  .hide-mobile {
    display: none !important;
  }
}

.show-mobile {
  display: none;
}

@media (max-width: 640px) {
  .show-mobile {
    display: block !important;
  }
}

/* بهبود scroll behavior */
@media (max-width: 640px) {
  .smooth-scroll-mobile {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

/* بهبود tap targets */
@media (max-width: 640px) {
  .tap-target {
    min-height: 44px;
    min-width: 44px;
    padding: 8px;
  }
}

/* بهبود text readability */
@media (max-width: 640px) {
  .readable-text {
    line-height: 1.6 !important;
    font-size: 14px !important;
  }
}