/**
 * Flow Tour – Driver.js egyedi arculat
 * Fájl: includes/assets/css/tour/flow-tour-theme.css
 * A dashboard (welcome-screen.css) navy/gold palettáját követi.
 */

.driver-popover.flow-tour-theme::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #c9a84c, #e8c97a, #c9a84c, transparent);
}

.driver-popover.flow-tour-theme .driver-popover-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 17px;
    font-weight: 700;
    color: #0d1f3c;
    margin-bottom: 8px;
}

.driver-popover.flow-tour-theme .driver-popover-description {
    font-size: 13.5px;
    line-height: 1.6;
    color: #334155;
}

.driver-popover.flow-tour-theme .driver-popover-progress-text {
    font-size: 12px;
    color: #8a9ab0;
}

.driver-popover.flow-tour-theme .driver-popover-footer {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}

.driver-popover.flow-tour-theme .driver-popover-navigation-btns {
    gap: 8px;
}

.driver-popover.flow-tour-theme button {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    padding: 7px 16px;
    border: none;
    text-shadow: none;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.driver-popover.flow-tour-theme .driver-popover-next-btn,
.driver-popover.flow-tour-theme .driver-popover-done-btn {
    background: linear-gradient(135deg, #0d1f3c, #223a5e);
    color: #ffffff;
    border: 1px solid rgba(201, 168, 76, 0.35);
}

.driver-popover.flow-tour-theme .driver-popover-next-btn:hover,
.driver-popover.flow-tour-theme .driver-popover-done-btn:hover {
    color: #e8c97a;
}

.driver-popover.flow-tour-theme .driver-popover-prev-btn {
    background: #f1f5f9;
    color: #223a5e;
    border: 1px solid rgba(34, 58, 94, 0.10);
}

.driver-popover.flow-tour-theme .driver-popover-prev-btn:hover {
    background: #e2e8f0;
}

.driver-popover.flow-tour-theme .driver-popover-close-btn {
    color: #94a3b8;
    font-size: 15px;
    top: 12px;
    right: 12px;
}

.driver-popover.flow-tour-theme .driver-popover-close-btn:hover {
    color: #0d1f3c;
}

.driver-popover.flow-tour-theme .driver-popover-arrow-side-left.driver-popover-arrow {
    border-left-color: #ffffff;
}
.driver-popover.flow-tour-theme .driver-popover-arrow-side-right.driver-popover-arrow {
    border-right-color: #ffffff;
}
.driver-popover.flow-tour-theme .driver-popover-arrow-side-top.driver-popover-arrow {
    border-top-color: #ffffff;
}
.driver-popover.flow-tour-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
    border-bottom-color: #ffffff;
}