/*
 * EMS Mission Data column swap
 *
 * Basic:
 *   Mission Parameters | Map Preview | Description
 *
 * Advanced:
 *   Mission Parameters/Options | Map Preview | Description
 *
 * This is a layout-only override. No controls, IDs, scripts, or mission logic
 * are changed.
 */

/* ---------------- Basic Mission ---------------- */

.basic-mission-data-layout {
    grid-template-columns:
        200px
        minmax(280px, 400px)
        minmax(280px, 400px);
}

.basic-mission-data-layout
    .basic-mission-parameter-cell {
    order: 1;
}

.basic-mission-data-layout
    .basic-map-preview-cell {
    order: 2;
}

.basic-mission-data-layout
    .mission-description-cell {
    order: 3;
}

@media (max-width: 780px) {
    .basic-mission-data-layout {
        grid-template-columns: 1fr;
    }

    .basic-mission-data-layout
        .basic-mission-parameter-cell {
        order: 1;
    }

    .basic-mission-data-layout
        .basic-map-preview-cell {
        order: 2;
    }

    .basic-mission-data-layout
        .mission-description-cell {
        order: 3;
    }
}

/* ---------------- Advanced Mission ---------------- */

.adv-mission-app.mission-compact-controls
    .mission-configuration-layout {
    grid-template-columns:
        280px
        minmax(360px, 474px)
        minmax(340px, 400px);
    grid-template-areas:
        "controls map description";
}

/*
 * iPad / tablet landscape.
 */
@media (orientation: landscape)
    and (min-width: 900px)
    and (max-width: 1100px)
    and (max-height: 820px) {
    .adv-mission-app.mission-compact-controls
        .mission-configuration-layout {
        grid-template-columns:
            270px
            minmax(240px, 1fr)
            minmax(285px, 1fr);
        grid-template-areas:
            "controls map description";
    }
}

/*
 * Tablet portrait.
 */
@media (orientation: portrait)
    and (min-width: 600px)
    and (max-width: 900px) {
    .adv-mission-app.mission-compact-controls
        .mission-configuration-layout {
        grid-template-columns:
            230px
            minmax(145px, 1fr)
            minmax(185px, 1fr);
        grid-template-areas:
            "controls map description";
    }
}

/*
 * Narrow fallback keeps the same visual order:
 * Parameters/Options, Map Preview, Description.
 */
@media (max-width: 599px) {
    .adv-mission-app.mission-compact-controls
        .mission-configuration-layout {
        grid-template-columns: 1fr;
        grid-template-areas:
            "controls"
            "map"
            "description";
    }
}

/*
 * Wide desktop correction retained with swapped first two tracks.
 */
@media (min-width: 1101px) {
    .adv-mission-app.mission-compact-controls
        .mission-configuration-layout {
        grid-template-columns:
            280px
            minmax(360px, 474px)
            minmax(340px, 400px);
        grid-template-areas:
            "controls map description";
        gap: 8px;
        justify-content: center;
    }
}