/* style.css */

/* استيراد وتطبيق خط Zain */
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@300;400;700&display=swap');

/* إعدادات عامّة */
body {
    font-family: 'Zain', sans-serif;
    direction: rtl;
    background-color: #f8f9fa;
    font-size: 1.05rem;
}

/* بطاقات Bootstrap */
.card {
    border-radius: .75rem;
}

/* نص المساعدة */
.help-txt {
    font-size: .85rem;
    color: #6c757d;
}

/* الأزرار الرئيسة (يمكن تخصيص الألوان) */
#submissionForm .btn-primary,
#submissionForm .btn-success {
    font-weight: bold;
}

/* تنسيق رسائل التحقّق */
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    background-image: none;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.was-validated :invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-feedback {
    display: block;
}

/* جدول قابل للتمرير أفقيًا على الشاشات الصغيرة */
@media (max-width: 767.98px) {
    .table-responsive {
        overflow-x: auto;
    }
}