/* --- استایل‌های صفحه روش‌های ارسال --- */

/* 1. باکس‌های آیکون مربعی */
.icon-square {
    width: 60px;
    height: 60px;
    transition: all 0.3s ease;
}

/* 2. رنگ‌بندی‌های اختصاصی */
.bg-green-light { background-color: #e8f5e9; }
.text-green { color: #4caf50; }

.bg-blue-light { background-color: #e3f2fd; }
.text-blue { color: #2196f3; }

.bg-gray-light { background-color: #f5f5f5; }
.text-gray { color: #616161; }

.bg-orange-light { background-color: #fff4ed; }
.text-orange { color: #f56614; }

/* 3. افکت هاور کارت‌ها */
.shipping-card {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #fff;
}

.hover-shadow-green:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(76, 175, 80, 0.15);
    border-color: #4caf50 !important;
}

.hover-shadow-blue:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(33, 150, 243, 0.15);
    border-color: #2196f3 !important;
}

.hover-shadow-gray:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #616161 !important;
}

/* 4. انیمیشن تپش نارنجی */
@keyframes orange-pulse {
    0% { box-shadow: 0 0 0 0 rgba(245, 102, 20, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(245, 102, 20, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 102, 20, 0); }
}
.pulse-orange-animation {
    animation: orange-pulse 2s infinite;
}

/* 5. تنظیمات عمومی */
.lh-lg { line-height: 2 !important; }
.rounded-4 { border-radius: 1rem !important; }