/**
 * Scribigo Onboarding Tour – Custom Styles
 * Nutzt Astra-Theme-Variablen für konsistentes Branding.
 */

/* Z-Index unter den Dialog-Overlays (99999/100000) halten */
.driver-overlay {
    z-index: 99000 !important;
}

.driver-popover {
    z-index: 99001 !important;
}

/* Popover Container */
.scribigo-onboarding-popover {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    max-width: 380px;
}

/* Titel */
.scribigo-onboarding-popover .driver-popover-title {
    font-size: 17px;
    font-weight: 600;
    color: var(--ast-global-color-2, #1f2328);
    line-height: 1.3;
}

/* Beschreibung */
.scribigo-onboarding-popover .driver-popover-description {
    font-size: 14px;
    line-height: 1.55;
    color: var(--ast-global-color-3, #444d56);
}

.scribigo-onboarding-popover .driver-popover-description b {
    color: var(--ast-global-color-2, #1f2328);
    font-weight: 600;
}

/* Progress-Anzeige */
.scribigo-onboarding-popover .driver-popover-progress-text {
    font-size: 12px;
    color: var(--ast-global-color-3, #8b949e);
    font-weight: 500;
}

/* Buttons allgemein – Agent-Function-Btn Styling (Astra) */
.scribigo-onboarding-popover .driver-popover-footer button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 3px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5em;
    cursor: pointer;
    transition: all 0.2s;
    text-shadow: none;
    letter-spacing: normal;
}

/* Next / Done Button – Primärfarbe (wie .agent-function-btn) */
.scribigo-onboarding-popover .driver-popover-next-btn {
    background-color: var(--ast-global-color-0, #2563eb) !important;
    border: none !important;
    border-color: var(--ast-global-color-0, #2563eb) !important;
    color: #fff !important;
}

.scribigo-onboarding-popover .driver-popover-next-btn:hover {
    background-color: var(--ast-global-color-8, #1d4ed8) !important;
    border-color: var(--ast-global-color-8, #1d4ed8) !important;
}

/* Previous Button – Sekundär (wie .agent-function-btn-secondary) */
.scribigo-onboarding-popover .driver-popover-prev-btn {
    background: transparent !important;
    color: var(--ast-global-color-2, #57606a) !important;
    border: 2px solid var(--ast-global-color-6, #d0d7de) !important;
    border-radius: 0 !important;
    text-transform: uppercase;
}

.scribigo-onboarding-popover .driver-popover-prev-btn:hover {
    background: var(--ast-global-color-5, #f6f8fa) !important;
}

/* Close Button (X) */
.scribigo-onboarding-popover .driver-popover-close-btn {
    color: var(--ast-global-color-3, #8b949e);
}

.scribigo-onboarding-popover .driver-popover-close-btn:hover {
    color: var(--ast-global-color-2, #1f2328);
}

/* Pulsierender Effekt für Tab-Highlighting (Phase 1, Step 2) */
@keyframes onboarding-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--ast-global-color-0-rgb, 37, 99, 235), 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(var(--ast-global-color-0-rgb, 37, 99, 235), 0); }
}

.onboarding-pulse {
    animation: onboarding-pulse 1.5s ease-in-out infinite;
    border-radius: 4px;
}