/* ── Driver.js dark-theme overrides ────────────────────────── */

/* Popover container */
.tutorial-popover.driver-popover {
    background: var(--bg-elevated, #1c2333) !important;
    border: 1px solid var(--border-accent, #30363d) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    max-width: 420px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Arrow */
.tutorial-popover.driver-popover .driver-popover-arrow {
    border-color: var(--bg-elevated, #1c2333) !important;
}
.tutorial-popover.driver-popover .driver-popover-arrow-side-left {
    border-right-color: var(--bg-elevated, #1c2333) !important;
}
.tutorial-popover.driver-popover .driver-popover-arrow-side-right {
    border-left-color: var(--bg-elevated, #1c2333) !important;
}
.tutorial-popover.driver-popover .driver-popover-arrow-side-top {
    border-bottom-color: var(--bg-elevated, #1c2333) !important;
}
.tutorial-popover.driver-popover .driver-popover-arrow-side-bottom {
    border-top-color: var(--bg-elevated, #1c2333) !important;
}

/* Title */
.tutorial-popover .driver-popover-title {
    color: var(--accent-cyan, #79c0ff) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

/* Description */
.tutorial-popover .driver-popover-description {
    color: var(--text-secondary, #8b949e) !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
}
.tutorial-popover .driver-popover-description strong {
    color: var(--text-primary, #e6edf3) !important;
}

/* Progress text */
.tutorial-popover .driver-popover-progress-text {
    color: var(--text-secondary, #8b949e) !important;
    font-size: 0.78rem !important;
}

/* Footer / navigation buttons */
.tutorial-popover .driver-popover-footer {
    border-top: 1px solid var(--border-accent, #30363d) !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
}

/* Next / Done button */
.tutorial-popover .driver-popover-next-btn,
.tutorial-popover .driver-popover-close-btn-text {
    background: var(--accent-blue-dim, #1f6feb) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 6px 16px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-shadow: none !important;
}
.tutorial-popover .driver-popover-next-btn:hover,
.tutorial-popover .driver-popover-close-btn-text:hover {
    filter: brightness(1.15) !important;
}

/* Previous button */
.tutorial-popover .driver-popover-prev-btn {
    background: transparent !important;
    color: var(--text-secondary, #8b949e) !important;
    border: 1px solid var(--border-accent, #30363d) !important;
    border-radius: 6px !important;
    padding: 6px 16px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-shadow: none !important;
}
.tutorial-popover .driver-popover-prev-btn:hover {
    color: var(--text-primary, #e6edf3) !important;
    border-color: var(--text-secondary, #8b949e) !important;
}

/* Close (X) button in top-right */
.tutorial-popover .driver-popover-close-btn {
    color: var(--text-secondary, #8b949e) !important;
}
.tutorial-popover .driver-popover-close-btn:hover {
    color: var(--text-primary, #e6edf3) !important;
}