/**
 * Guided Tour Styles
 * Minimal styles for guided tour system
 */

/* Overlay animation */
.guided-tour-overlay {
    animation: fadeIn 0.3s ease-out;
}

/* Highlight animation */
.guided-tour-highlight {
    animation: fadeInScale 0.3s ease-out;
}

/* Tooltip animation */
.guided-tour-tooltip {
    animation: fadeInTooltip 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInTooltip {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
    }
}

/* Prevent interaction with elements behind overlay */
.guided-tour-overlay {
    pointer-events: auto;
}

/* Ensure highlighted element is clickable if needed */
.guided-tour-highlight + * {
    pointer-events: auto;
    position: relative;
    z-index: 10001;
}

/* Button hover states are handled inline in JS for dark mode compatibility */