/*---------------------------------- فونت Vazir ----------------------------------*/
@font-face {
    font-family: 'Vazir';
    src: url('/dist/fonts/Vazir.woff2') format('woff2'), url('/dist/fonts/Vazir.woff') format('woff'), url('/dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/dist/fonts/Vazir-Bold.woff2') format('woff2'), url('/dist/fonts/Vazir-Bold.woff') format('woff'), url('/dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/dist/fonts/Vazir-Light.woff2') format('woff2'), url('/dist/fonts/Vazir-Light.woff') format('woff'), url('/dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/dist/fonts/Vazir-Medium.woff2') format('woff2'), url('/dist/fonts/Vazir-Medium.woff') format('woff'), url('/dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

/*----------------------------------( متغیرهای رنگی (پالت آبی-بنفش ----------------------------------*/
:root {
    --bg-light: #f9fbfd;
    --bg-card: #ffffff;
    --bg-section: #f5f8ff;
    --primary: #6366f1;
    --secondary: #8b5cf6;
    --accent: #a78bfa;
    --text-dark: #1e293b;
    --text-light: #64748b;
    --gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);
    --gradient-button: linear-gradient(90deg, #6366f1, #7c3aed);
}

/*---------------------------------- استایل کلی ----------------------------------*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* فقط متن‌ها از Vazir استفاده کنن */
body, p, h1, h2, h3, h4, h5, h6, .text-en, .btn, .nav-link, .form-control {
    font-family: 'Vazir', Tahoma, sans-serif;
}

body {
   
    color: var(--text-dark);
    line-height: 1.7;
    overflow-x: hidden;
}

/*---------------------------------- نوار بالایی (Navbar) ----------------------------------*/
.gradient-navbar {
    background: var(--gradient-primary);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

    .gradient-navbar .navbar-brand,
    .gradient-navbar .nav-link {
        color: white !important;
        font-weight: 600;
    }

        .gradient-navbar .nav-link:hover {
            color: #ddd !important;
            transition: all 0.3s ease;
        }

    .gradient-navbar .btn-light {
        background-color: white;
        color: var(--primary) !important;
        border: none;
        font-weight: 600;
       /*border-radius: 30px;*/
        padding: 6px 16px;
        transition: all 0.3s ease;
    }

        .gradient-navbar .btn-light:hover {
            color: var(--secondary) !important;
            transform: scale(1.05);
        }

/*---------------------------------- دکمه‌ها ----------------------------------*/
.btn-gradient {
    background: var(--gradient-button);
    border: none;
    color: white !important;
    /*border-radius: 30px;*/
    padding: 10px 20px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(99, 102, 241, 0.2);
}

    .btn-gradient:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(99, 102, 241, 0.3);
    }

/*---------------------------------- کارت‌ها ----------------------------------*/
.card {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--bg-card);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.08);
    transition: all 0.3s ease;
}

    .card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 24px rgba(99, 102, 241, 0.12);
    }

.card-img-top {
    transition: transform 0.4s ease;
}

.card:hover .card-img-top {
    transform: scale(1.05);
}

/*---------------------------------- انیمیشن‌های اسکرول ----------------------------------*/
.fade-in, .slide-left, .slide-right {
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

    .fade-in.visible {
        transform: translateY(0);
        opacity: 1;
    }

    .slide-left.visible {
        transform: translateX(0);
        opacity: 1;
    }

    .slide-right.visible {
        transform: translateX(0);
        opacity: 1;
    }

.fade-in {
    transform: translateY(30px);
}

.slide-left {
    transform: translateX(-50px);
}

.slide-right {
    transform: translateX(50px);
}

/*---------------------------------- کلاس‌های کمکی ----------------------------------*/
.btn-link1 {
    text-decoration: none;
    color: var(--primary) !important;
}

.card-title1 {
    color: var(--text-light);
}

/*---------------------------------- فوتر ----------------------------------*/
footer {
    background-color: var(--text-dark) !important;
    color: #94a3b8;
    padding: 3rem 0;
}

.footer-links a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s;
}

    .footer-links a:hover {
        color: var(--accent);
    }

/*---------------------------------- فونت انگلیسی ----------------------------------*/
.text-en, .card-title-en {
    font-family: 'Raleway', 'Vazir', sans-serif;
    letter-spacing: -0.5px;
}

/*---------------------------------- رفع مشکل آیکون‌ها ----------------------------------*/
.fas, .fa-solid {
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 900;
}

.far, .fa-regular {
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 400;
}

.fab, .fa-brands {
    font-family: 'Font Awesome 7 Brands' !important;
    font-weight: 400;
}