/* --- استایل‌های صفحه نوپی (آنیل) --- */

/* متغیرهای رنگی (بنفش تیره / Deep Purple) */
:root {
    --nopay-color: #512da8;
    --nopay-soft: #ede7f6;
    --nopay-light-text: #d1c4e9;
}

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

/* کارت‌ها و هاور */
.hover-lift-nopay:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(81, 45, 168, 0.15) !important;
    border-color: var(--nopay-color) !important;
}

/* انیمیشن تپش بنفش */
.pulse-nopay {
    animation: pulse-nopay-anim 2s infinite;
}
@keyframes pulse-nopay-anim {
    0% { box-shadow: 0 0 0 0 rgba(81, 45, 168, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(81, 45, 168, 0); }
    100% { box-shadow: 0 0 0 0 rgba(81, 45, 168, 0); }
}

/* تنظیمات دکمه */
.btn-light.text-nopay {
    color: var(--nopay-color);
}
.btn-light.text-nopay:hover {
    color: #311b92;
}

/* استایل‌های عمومی */
.rounded-5 { border-radius: 2rem !important; }
.z-1 { z-index: 1; }