/* Qastni-branded Driver.js popovers — elegant, Readex Pro */
.driver-popover {
    border-radius: 18px;
    padding: 22px 22px 16px;
    box-shadow: 0 20px 55px rgba(17, 24, 39, .22), 0 2px 8px rgba(17, 24, 39, .08);
    max-width: 340px;
    font-family: 'Readex Pro', 'Tajawal', 'Segoe UI', sans-serif;
    animation: qastniPop .22s cubic-bezier(.16, 1, .3, 1);
}
@keyframes qastniPop {
    from { opacity: 0; transform: scale(.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.driver-popover-title {
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    line-height: 1.4;
    letter-spacing: -0.01em;
}
.driver-popover-description {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.75;
    margin-top: 7px;
}
.driver-popover-progress-text {
    font-size: 11px;
    font-weight: 600;
    color: #a78bfa;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.driver-popover-footer {
    margin-top: 16px;
    gap: 8px;
    align-items: center;
}
.driver-popover-footer button {
    border-radius: 11px;
    font-weight: 600;
    font-size: 13.5px;
    padding: 8px 18px;
    text-shadow: none;
    transition: background-color .15s ease, transform .1s ease;
}
.driver-popover-footer button:active { transform: translateY(1px); }
.driver-popover-next-btn,
.driver-popover-footer button.driver-popover-next-btn {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, .3);
}
.driver-popover-next-btn:hover { background: linear-gradient(135deg, #6d28d9, #5b21b6) !important; }
.driver-popover-prev-btn,
.driver-popover-footer button.driver-popover-prev-btn {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border: none !important;
}
.driver-popover-prev-btn:hover { background: #e5e7eb !important; }
.driver-popover-close-btn { color: #9ca3af; font-size: 22px; transition: color .15s ease; }
.driver-popover-close-btn:hover { color: #4b5563; }
.driver-popover-arrow { border-width: 8px; }

/* RTL polish */
[dir="rtl"] .driver-popover-title,
[dir="rtl"] .driver-popover-description { text-align: right; }
[dir="rtl"] .driver-popover-next-btn { box-shadow: 0 4px 12px rgba(124, 58, 237, .3); }