/* پس‌زمینه فرم و کارت */
.card {
    background: #ffffff;
    border-radius: 1rem; /* گردی گوشه‌ها */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    border: none;
    padding: 2rem 2.5rem; /* فاصله داخلی بیشتر */
}

/* عنوان فرم */
.card h3 {
    font-weight: 700;
    color: #2c3e50;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 1.5rem; /* فاصله زیر عنوان */
}

/* متن توضیحات */
.card p.text-muted {
    font-size: 1rem;
    color: #6c757d;
    font-style: italic;
    margin-bottom: 2rem; /* فاصله زیر متن توضیح */
}

/* لیبل‌ها */
label {
    font-weight: 600;
    color: #34495e;
    font-size: 0.95rem;
    margin-bottom: 0.5rem; /* فاصله زیر لیبل */
    display: block;
}

/* فیلدهای ورودی */
.form-control {
    border: 2px solid #ced4da;
    border-radius: 0.6rem;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: none;
    margin-bottom: 1.5rem; /* فاصله عمودی بیشتر بین فیلدها */
}

    /* تمرکز روی فیلد */
    .form-control:focus {
        border-color: #ff6f91; /* رنگ فانتزی به جای آبی */
        box-shadow: 0 0 8px rgba(255, 111, 145, 0.5);
        outline: none;
    }

/* دکمه ارسال */
.btn-primary {
    background: linear-gradient(135deg, #ff6f91 0%, #ff4081 100%);
    border: none;
    border-radius: 0.75rem;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.7rem 2.5rem;
    box-shadow: 0 5px 15px rgba(255, 64, 129, 0.4);
    transition: background 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 1.5rem; /* فاصله زیر دکمه */
}

    /* هاور دکمه */
    .btn-primary:hover {
        background: linear-gradient(135deg, #ff4081 0%, #e91e63 100%);
        box-shadow: 0 8px 20px rgba(233, 30, 99, 0.6);
    }

/* آلارم موفقیت و خطا */
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 1.5rem; /* فاصله زیر آلارم */
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 1.5rem; /* فاصله زیر آلارم */
}

/* ریسپانسیو: فونت‌ها و فاصله‌ها برای موبایل */
@media (max-width: 576px) {
    .card-body {
        padding: 2rem 1.5rem;
    }

    label {
        font-size: 0.9rem;
    }

    .btn-primary {
        font-size: 1rem;
        padding: 0.6rem 2rem;
    }
}

/* انتخاب فایل سفارشی */
.custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #ff6f91;
    color: white;
    border-radius: 0.6rem;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.3s ease;
    box-shadow: 0 5px 15px rgba(255, 111, 145, 0.4);
    user-select: none;
    margin-bottom: 1.5rem; /* فاصله زیر دکمه انتخاب فایل */
}

    .custom-file-upload:hover {
        background-color: #e91e63;
    }

.file-name {
    margin-left: 10px;
    font-style: italic;
    color: #555;
}

input[type="file"] {
    display: none; /* مخفی کردن input اصلی فایل */
}