/* GyorsDoga shared styles, loaded after the Tabler CSS (layouts/base.twig). */

/* S12 review L-5 (J-S12h1-1): the visually-hidden elements of a table are absolutely positioned; without a positioned
   scroll container they escape its clip and widen the whole page on 360 px. */
.table-responsive {
    position: relative;
}

/* S18j1 (J-S18i-1, sliceplan_18 13.19/1): from 768 px the menu of the header (layouts/admin.twig) wraps into more rows
   instead of widening the page; without min-width: 0 the collapse keeps the width of its one-row content. */
@media (min-width: 768px) {
    header.navbar-expand-md .navbar-collapse {
        min-width: 0;
    }

    header.navbar-expand-md .navbar-collapse .navbar-nav {
        flex-wrap: wrap;
    }
}

/* S13i1b: the item of the taker page a jump link (#t<n>) scrolls to stays below the sticky header (pages/attempt/show.twig). */
[data-attempt-item] {
    scroll-margin-top: 7rem;
}

/* S14h2: the thumbnails of the answer images (tasks/types/image_upload/filler.twig); a 2000 px photo stays small, two
   fit side by side on 360 px. */
.answer-images img {
    max-width: 9rem;
    max-height: 9rem;
    object-fit: contain;
}