/* print-fix.css – منع تغميق الصناديق والدوائر عند الطباعة بالألوان */
@media print {

    /* 1) صناديق الاختيارات ومربعات صح/خطأ */
    .options-box span,
    .mcq-options span,
    .tf-box {
        background: transparent !important;
        background-image: none !important;
        border: 1px solid #000 !important;
        color: #000 !important;
        padding: 1px 8px !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        -webkit-print-color-adjust: economy !important;
        print-color-adjust: economy !important;
    }

    /* 2) دائرة المقارنة وصندوق التصنيف (بدون تغيير الحشو عشان يفضل المحتوى في المنتصف) */
    .compare-circle,
    .classify-box {
        background: transparent !important;
        background-image: none !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        box-shadow: none !important;
        -webkit-print-color-adjust: economy !important;
        print-color-adjust: economy !important;
    }

    .compare-circle {
        border-radius: 50% !important;
    }

    /* 3) صناديق القطع والنصوص والحوارات */
    .passage-box,
    .poetry-box,
    .listening-box,
    .reading-text,
    .story-box,
    .dialog-box,
    .dialogue-box,
    .word-bank,
    .ordering-box {
        background: #fff !important;
        background-image: none !important;
        color: #000 !important;
        -webkit-print-color-adjust: economy !important;
        print-color-adjust: economy !important;
    }

    /* 4) خلفية بنود الأسئلة والمقارنات */
    .q-list>li,
    .compare-item {
        background: #fff !important;
        background-image: none !important;
    }
}