/* Onboarding tour anchors — keep glass toolbar layout intact */
.map-tour-anchor {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    border-radius: var(--md-radius-tag);
}

.map-tour-anchor--brand {
    padding: 2px 4px 2px 2px;
    margin: -2px -4px -2px -2px;
}

/* Soft target under left toolbar when no analytics chip exists yet */
.map-tour-spot {
    width: 48px;
    height: 48px;
    margin-top: 4px;
    border-radius: var(--md-radius-card);
    pointer-events: none;
    opacity: 0;
}

/* Cleaner spotlight cutout on glass controls */
.driver-active-element.map-tour-anchor,
.driver-active-element.map-tour-spot,
.driver-active .map-tour-anchor.driver-active-element,
.driver-active .map-layer-chip__action.driver-active-element {
    position: relative;
    z-index: 1000000001;
    border-radius: var(--md-radius-tag);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--md-blue, #1f7a5f) 55%, transparent);
}

.driver-active-element.map-tour-anchor--brand {
    border-radius: var(--md-radius-card);
    background: var(--map-glass-bg, var(--md-stone, #f4f4f4));
}

.driver-active-element.map-tour-spot {
    opacity: 1;
    background: var(--map-glass-bg, var(--md-stone, #f4f4f4));
    border: 1px dashed color-mix(in srgb, var(--md-blue, #1f7a5f) 45%, var(--map-border, #e0d8cb));
}

/* Driver.js Meridian theme */
.geoportal-onboarding-popover.driver-popover {
    background: var(--md-surface-raised, #fbf7f0);
    color: var(--md-ink, #18211c);
    border: 1px solid var(--md-border-strong, #c9bfb0);
    border-radius: var(--md-radius-card);
    box-shadow: var(--md-shadow-subtle, none);
    max-width: min(320px, calc(100vw - 32px));
    font-family: var(--md-font, "Onest", system-ui, sans-serif) !important;
}

.geoportal-onboarding-popover .driver-popover-title {
    font-family: var(--md-font-display, "Literata", Georgia, serif) !important;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--md-ink, #18211c);
}

.geoportal-onboarding-popover .driver-popover-description {
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--md-muted, #6b726c);
}

.geoportal-onboarding-popover .driver-popover-progress-text {
    color: var(--md-muted, #6b726c);
    font-size: 0.75rem;
}

.geoportal-onboarding-popover .driver-popover-close-btn {
    color: var(--md-muted, #6b726c);
}

.geoportal-onboarding-popover .driver-popover-footer-btn {
    border: 1px solid var(--md-border, #e0d8cb);
    background: var(--md-canvas, #fff);
    color: var(--md-ink, #171a20);
    border-radius: var(--md-radius-tag);
    text-shadow: none;
    font-weight: 500;
    min-height: 36px;
}

.geoportal-onboarding-popover .driver-popover-next-btn {
    background: var(--md-btn-primary-bg, #1f7a5f);
    border-color: var(--md-btn-primary-bg, #1f7a5f);
    color: var(--md-btn-primary-fg, #fff);
}

.geoportal-onboarding-popover .driver-popover-arrow-side-left {
    border-left-color: var(--md-stone, #f4f4f4);
}

.geoportal-onboarding-popover .driver-popover-arrow-side-right {
    border-right-color: var(--md-stone, #f4f4f4);
}

.geoportal-onboarding-popover .driver-popover-arrow-side-top {
    border-top-color: var(--md-stone, #f4f4f4);
}

.geoportal-onboarding-popover .driver-popover-arrow-side-bottom {
    border-bottom-color: var(--md-stone, #f4f4f4);
}

.map-overlay--dark .geoportal-onboarding-popover.driver-popover,
.md-theme-dark .geoportal-onboarding-popover.driver-popover {
    background: var(--md-stone, #393c41);
    color: var(--md-ink, #ffffff);
    border-color: var(--md-border, #444444);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-title,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-title {
    color: var(--md-ink, #ffffff);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-description,
.map-overlay--dark .geoportal-onboarding-popover .driver-popover-progress-text,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-description,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-progress-text {
    color: var(--md-muted, #8e8e8e);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-footer-btn,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-footer-btn {
    background: var(--md-canvas, #171a20);
    border-color: var(--md-border, #444444);
    color: var(--md-ink, #ffffff);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-next-btn,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-next-btn {
    background: var(--md-btn-primary-bg, #1f7a5f);
    border-color: var(--md-btn-primary-bg, #1f7a5f);
    color: var(--md-btn-primary-fg, #fff);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-arrow-side-left,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-arrow-side-left {
    border-left-color: var(--md-stone, #393c41);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-arrow-side-right,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-arrow-side-right {
    border-right-color: var(--md-stone, #393c41);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-arrow-side-top,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-arrow-side-top {
    border-top-color: var(--md-stone, #393c41);
}

.map-overlay--dark .geoportal-onboarding-popover .driver-popover-arrow-side-bottom,
.md-theme-dark .geoportal-onboarding-popover .driver-popover-arrow-side-bottom {
    border-bottom-color: var(--md-stone, #393c41);
}

.map-overlay--dark .driver-active-element.map-tour-anchor--brand,
.md-theme-dark .driver-active-element.map-tour-anchor--brand {
    background: var(--map-glass-bg, var(--md-stone, #393c41));
}