/* Host overrides for the standalone /simulator/ build. Loaded after the inlined app CSS. */

:root {
    --simulator-dock-space: clamp(82px, 11vh, 104px);
}

.simulator-fullscreen-button {
    top: auto;
    right: 16px;
    left: auto;
    bottom: calc(var(--simulator-dock-space, 104px) + 18px + env(safe-area-inset-bottom));
    z-index: 70;
}

.simulator-app-shell.fullscreen .simulator-fullscreen-button {
    bottom: calc(16px + env(safe-area-inset-bottom));
}

@media (max-width: 640px) {
    .simulator-fullscreen-button {
        top: auto;
        right: 10px;
        bottom: calc(var(--simulator-dock-space, 118px) + 14px + env(safe-area-inset-bottom));
    }
}

/* Keep the CAD hint off the dock and off the relocated Fullscreen control. */
#ry-cad-hint {
    left: 12px;
    right: auto;
    bottom: calc(var(--simulator-dock-space, 104px) + 18px + env(safe-area-inset-bottom));
    max-width: min(420px, calc(100vw - 180px));
    z-index: 65;
}

.simulator-app-shell.fullscreen ~ #ry-cad-hint,
.simulator-app-shell.fullscreen #ry-cad-hint {
    bottom: calc(16px + env(safe-area-inset-bottom));
}

/* Make the toolbar robot import control easier to spot. */
button:has(img[alt="robot"]) {
    box-shadow: 0 0 0 2px #1cb0f6;
}