/* Tour overlay — shared between editor-onboarding.js and site-onboarding.js */

.editor-tour {
    position: fixed;
    inset: 0;
    z-index: var(--z-tour);
    pointer-events: none;
}

.editor-tour[hidden] {
    display: none !important;
}

.editor-tour__shade {
    position: fixed;
    background: var(--overlay-layer-bg, rgba(9, 15, 25, 0.52));
    -webkit-backdrop-filter: var(--overlay-backdrop-filter, blur(10px));
    backdrop-filter: var(--overlay-backdrop-filter, blur(10px));
    pointer-events: auto;
}

.editor-tour__spotlight {
    position: fixed;
    border: 1px solid color-mix(in srgb, var(--theme-surface-base) 84%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-border-accent) 38%, transparent),
                0 8px 24px rgba(4, 9, 20, 0.28);
    pointer-events: none;
}

.editor-tour__popover {
    position: fixed;
    width: min(460px, calc(100vw - 24px));
    pointer-events: auto;
    --item-card-bg: var(--theme-surface-shell);
    --item-card-border: 1px solid var(--theme-border-normal);
    --item-card-shadow: 0 18px 40px rgba(9, 15, 26, 0.2);
}

.editor-tour__popover .layout-stack {
    --layout-stack-gap: 8px;
}

.editor-tour__popover .text-title {
    margin: 0;
}

.editor-tour__popover .text-summary {
    margin: 0;
}

.editor-tour__actions {
    --button-panel-gap: 8px;
    margin-top: 2px;
}

@media (max-width: 900px) {
    .editor-tour__popover {
        width: min(420px, calc(100vw - 18px));
    }
}