/*
 * برگه‌ی آزمون تعیین سطح — تمام‌عرض.
 *
 * ⚠️ فقط برای برگه‌هایی بار می‌شود که قالب `interlan-quiz` دارند (includes/site-quiz-page.php).
 *
 * چرا لازم است: قاب آیفریم در شورت‌کد `width:100%` دارد، ولی والدش تا امروز `.container`
 * قالب بود. حذف `.container` در فایل قالب انجام شد؛ این فایل فقط فاصله‌ها و گوشه‌ها را
 * برای حالت تمام‌عرض تنظیم می‌کند.
 */

.ilq-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* در تمام‌عرض، گوشه‌ی گرد و سایه و حاشیه‌ی کناری معنی ندارند: لبه به لبه است. */
.ilq-page .il-quiz-frame {
    max-width: none;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}

/*
 * ⚠️ روی موبایل نوار آدرس مرورگر ارتفاع را می‌خورد و `90vh` آیفریم را بلندتر از صفحه
 * می‌کرد، یعنی صفحه دو اسکرول تودرتو می‌گرفت.
 */
@media (max-width: 768px) {
    .ilq-page .il-quiz-frame,
    .ilq-page .il-quiz-frame iframe {
        min-height: 85vh;
    }
}