/* --- استایل‌های صفحه پشتیبانی --- */

/* 1. باکس آیکون دایره‌ای */
.icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* 2. رنگ‌بندی‌ها */
.bg-orange-light { background-color: #fff4ed; }
.text-orange { color: #f56614; }

.bg-green-light { background-color: #e8f5e9; }
.text-green { color: #4caf50; }

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

/* 3. انیمیشن تپش نارنجی */
@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;
}

/* 4. افکت هاور کارت‌ها */
.hover-up-orange {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hover-up-orange:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(245, 102, 20, 0.1);
    border-color: #f56614 !important;
}
.hover-up-orange:hover .icon-circle {
    transform: scale(1.1);
}

/* 5. دکمه‌ها */
.hover-scale:hover {
    transform: scale(1.05);
}

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