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

/* کارت‌های روش ارسال */
.shipping-card {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* افکت هاور برای کارت‌های بزرگ */
.hover-scale:hover {
    transform: scale(1.02);
    border-color: var(--anil-color) !important;
}

/* دکمه‌های لایت (سفید روی زمینه رنگی) */
.btn-light {
    background-color: #fff;
    color: var(--anil-color);
    border: none;
    transition: all 0.3s;
}
.btn-light:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background-color: #f8f9fa;
}

.btn-outline-light {
    border: 2px solid rgba(255,255,255,0.5);
    color: #fff;
    background: transparent;
    transition: all 0.3s;
}
.btn-outline-light:hover {
    background-color: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
}

/* استایل بج (Badge) */
.badge {
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* استفاده مجدد از متغیرها و کلاس‌های قبلی */
/* (مطمئن شوید این‌ها در فایل شما هستند) */
:root {
    --anil-color: #4A5A8D;
    --anil-soft: #eef1f8;
    --gray-soft: #f8f9fa;
}
.text-anil { color: var(--anil-color) !important; }
.bg-anil { background-color: var(--anil-color) !important; }
.bg-blue-soft { background-color: var(--anil-soft) !important; }
.rounded-5 { border-radius: 2rem !important; }
.opacity-5 { opacity: 0.05; }
.opacity-10 { opacity: 0.1; }

/* پترن پس‌زمینه */
.hero-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.03) 1px, transparent 1px); /* تیره برای روی سفید */
    background-size: 20px 20px;
    pointer-events: none;
}
/* پترن برای روی زمینه تیره */
.text-white .hero-pattern {
    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
}