/* Driver.js overrides for RoxPay / HeroUI styling */
.rox-driver-popover {
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18) !important;
    font-family: inherit !important;
    max-width: 340px !important;
    z-index: 100000 !important;
}

.rox-driver-popover .driver-popover-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

.rox-driver-popover .driver-popover-description {
    font-size: 0.875rem !important;
    color: #475569 !important;
    line-height: 1.5 !important;
}

.rox-driver-popover .driver-popover-progress-text {
    font-size: 0.75rem !important;
    color: #64748b !important;
}

.rox-driver-popover .driver-popover-next-btn,
.rox-driver-popover .driver-popover-prev-btn,
.rox-driver-popover .driver-popover-close-btn {
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}

.rox-driver-popover .driver-popover-next-btn {
    background: #2563eb !important;
    color: #fff !important;
    border: none !important;
}

.driver-overlay {
    z-index: 99999 !important;
}