/* --- استایل‌های صفحه دیجی‌پی --- */

/* متغیرهای رنگی دیجی‌پی */
:root {
    --digipay-color: #ef394e;
    --digipay-soft: #fde8ea;
    --digipay-light-text: #f8d7da;
}

/* کلاس‌های کمکی رنگ */
.text-digipay { color: var(--digipay-color) !important; }
.bg-digipay { background-color: var(--digipay-color) !important; }
.bg-red-soft { background-color: var(--digipay-soft) !important; }
.border-digipay { border-color: var(--digipay-color) !important; }
.text-light-red { color: var(--digipay-light-text) !important; }

/* کارت‌های مراحل و مزایا */
.hover-lift-digipay:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(239, 57, 78, 0.15) !important;
    border-color: var(--digipay-color) !important;
}

/* انیمیشن تپش قرمز */
.pulse-digipay {
    animation: pulse-red 2s infinite;
}
@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(239, 57, 78, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(239, 57, 78, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 57, 78, 0); }
}

/* تنظیمات دکمه‌ها */
.btn-light.text-digipay {
    color: var(--digipay-color);
}
.btn-light.text-digipay:hover {
    color: #c92a3b; /* قرمز تیره‌تر */
}

/* استفاده از استایل‌های عمومی قبلی (بدون تغییر) */
/* .step-card, .icon-circle, .rounded-5, .lh-lg, etc. */



.rounded-5 { border-radius: 2rem !important; }