/**
 * اصلاح پدینگ‌های اضافی در کل سایت
 * این فایل برای کاهش فضای اضافی در باکس‌های سایت طراحی شده است
 */

/* کلاس‌های عمومی پدینگ */
.p-8 { padding: 1rem !important; }
.p-7 { padding: 0.925rem !important; }
.p-6 { padding: 0.875rem !important; }
.p-5 { padding: 0.75rem !important; }
.p-4 { padding: 0.625rem !important; }
.p-3 { padding: 0.5rem !important; }

/* پدینگ افقی */
.px-8 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-7 { padding-left: 0.925rem !important; padding-right: 0.925rem !important; }
.px-6 { padding-left: 0.875rem !important; padding-right: 0.875rem !important; }
.px-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.px-4 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
.px-3 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

/* پدینگ عمودی */
.py-8 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-7 { padding-top: 0.925rem !important; padding-bottom: 0.925rem !important; }
.py-6 { padding-top: 0.875rem !important; padding-bottom: 0.875rem !important; }
.py-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.py-4 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.py-3 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

/* کلاس‌های عمومی مارجین */
.m-8 { margin: 1rem !important; }
.m-7 { margin: 0.925rem !important; }
.m-6 { margin: 0.875rem !important; }
.m-5 { margin: 0.75rem !important; }
.m-4 { margin: 0.625rem !important; }
.m-3 { margin: 0.5rem !important; }

/* مارجین عمودی */
.my-8 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-7 { margin-top: 0.925rem !important; margin-bottom: 0.925rem !important; }
.my-6 { margin-top: 0.875rem !important; margin-bottom: 0.875rem !important; }
.my-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.my-4 { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; }
.my-3 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

/* مارجین افقی */
.mx-8 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-7 { margin-left: 0.925rem !important; margin-right: 0.925rem !important; }
.mx-6 { margin-left: 0.875rem !important; margin-right: 0.875rem !important; }
.mx-5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
.mx-4 { margin-left: 0.625rem !important; margin-right: 0.625rem !important; }
.mx-3 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

/* فاصله بین آیتم‌ها */
.gap-8 { gap: 1rem !important; }
.gap-7 { gap: 0.925rem !important; }
.gap-6 { gap: 0.875rem !important; }
.gap-5 { gap: 0.75rem !important; }
.gap-4 { gap: 0.625rem !important; }
.gap-3 { gap: 0.5rem !important; }

/* کاهش برخی پدینگ‌های بزرگتر */
.lg\:p-8, .lg\:p-7, .lg\:p-6 { padding: 1.25rem !important; }
.lg\:px-20 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.lg\:px-16 { padding-left: 2rem !important; padding-right: 2rem !important; }
.lg\:px-12 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.lg\:my-10 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.lg\:my-8 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }

/* برای صفحات محصول */
.md\:p-8, .md\:p-7, .md\:p-6 { padding: 1rem !important; }
.md\:px-16 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.md\:px-12 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }

/* تنظیم کانتینر */
.container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

@media (min-width: 768px) {
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* تنظیم فونت‌ها */
.text-lg { font-size: 1.05rem !important; }
.text-xl { font-size: 1.15rem !important; }
.text-2xl { font-size: 1.35rem !important; }

/* فرم‌ها و ورودی‌ها */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    padding: 0.4rem 0.625rem !important;
}

button, .btn {
    padding: 0.5rem 0.875rem !important;
}

/* کلاس‌های خاص */
.product-card, .checkout-section, .cart-item, .summary-box {
    padding: 0.75rem !important;
}

.card, .box, .panel {
    padding: 0.875rem !important;
}

/* باکس‌های مشخص در صفحه پرداخت */
.shadow-large.rounded-xl.bg-white {
    padding: 0.875rem !important;
}

/* تنظیم اضافی برای عناصر خاص */
.header-navigation, .footer-links, .product-details {
    padding: 0.625rem !important;
}

/* کلاس‌های padding-bottom */
.pb-20 { padding-bottom: 20px !important; }
.pb-24 { padding-bottom: 24px !important; }
.pb-28 { padding-bottom: 28px !important; }
.pb-32 { padding-bottom: 32px !important; }
.pb-36 { padding-bottom: 36px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-44 { padding-bottom: 44px !important; }
.pb-48 { padding-bottom: 48px !important; }

/* کلاس‌های padding-top */
.pt-20 { padding-top: 80px !important; }
.pt-24 { padding-top: 96px !important; }
.pt-28 { padding-top: 112px !important; }
.pt-32 { padding-top: 128px !important; }
.pt-36 { padding-top: 144px !important; }
.pt-40 { padding-top: 160px !important; }
.pt-44 { padding-top: 176px !important; }
.pt-48 { padding-top: 192px !important; }

/* کلاس‌های margin-top */
.mt-20 { margin-top: 20px !important; }
.mt-24 { margin-top: 24px !important; }
.mt-28 { margin-top: 28px !important; }
.mt-32 { margin-top: 32px !important; }

/* کلاس‌های margin-bottom */
.mb-20 { margin-bottom: 20px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mb-28 { margin-bottom: 28px !important; }
.mb-32 { margin-bottom: 32px !important; }

/* Responsive classes برای md (768px) */
@media (min-width: 768px) {
    .md\:pb-24 { padding-bottom: 24px !important; }
    .md\:pb-28 { padding-bottom: 28px !important; }
    .md\:pb-32 { padding-bottom: 32px !important; }
    .md\:pb-36 { padding-bottom: 36px !important; }
    .md\:pb-40 { padding-bottom: 40px !important; }
    .md\:pb-44 { padding-bottom: 44px !important; }
    .md\:pb-48 { padding-bottom: 48px !important; }
    
    .md\:pt-24 { padding-top: 96px !important; }
    .md\:pt-28 { padding-top: 112px !important; }
    .md\:pt-32 { padding-top: 128px !important; }
    .md\:pt-36 { padding-top: 144px !important; }
    .md\:pt-40 { padding-top: 160px !important; }
    .md\:pt-44 { padding-top: 176px !important; }
    .md\:pt-48 { padding-top: 192px !important; }
    
    .md\:mt-24 { margin-top: 24px !important; }
    .md\:mt-28 { margin-top: 28px !important; }
    .md\:mt-32 { margin-top: 32px !important; }
    
    .md\:mb-24 { margin-bottom: 24px !important; }
    .md\:mb-28 { margin-bottom: 28px !important; }
    .md\:mb-32 { margin-bottom: 32px !important; }
}

/* Responsive classes برای lg (1024px) */
@media (min-width: 1024px) {
    .lg\:pb-24 { padding-bottom: 24px !important; }
    .lg\:pb-28 { padding-bottom: 28px !important; }
    .lg\:pb-32 { padding-bottom: 32px !important; }
    
    .lg\:pt-24 { padding-top: 96px !important; }
    .lg\:pt-28 { padding-top: 112px !important; }
    .lg\:pt-32 { padding-top: 128px !important; }
    
    .lg\:mt-24 { margin-top: 24px !important; }
    .lg\:mt-28 { margin-top: 28px !important; }
    .lg\:mt-32 { margin-top: 32px !important; }
    
    .lg\:mb-24 { margin-bottom: 24px !important; }
    .lg\:mb-28 { margin-bottom: 28px !important; }
    .lg\:mb-32 { margin-bottom: 32px !important; }
}

/* کلاس‌های خاص برای padding-top با مقادیر دقیق */
.pt-\[73px\] { padding-top: 73px !important; }
.pt-\[100px\] { padding-top: 100px !important; }