/*
 * Hook CSS per personalizzare l'aspetto del tour in base al tuo sito.
 * Driver.js espone variabili CSS che puoi sovrascrivere qui o nel tema.
 */

.driver-popover {
    /* esempio: font-family: inherit; */
}

.driver-popover-title {
    /* esempio: font-weight: 700; */
}

.driver-popover-description {
    /* esempio: line-height: 1.5; */
}

.driver-popover-progress-text {
    /* esempio: color: #888; */
}

/*
 * Pulsante "Salta tour" iniettato dal plugin.
 * Sta a sinistra del footer accanto al contatore step (con un piccolo gap).
 * I bottoni di navigazione di Driver.js hanno già `margin-left:auto`
 * quindi restano a destra senza serci da fare nulla.
 */
.bgt-skip-btn {
    background: transparent;
    border: 0;
    color: #6b7280;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    margin-right: 14px; /* spazio tra "Salta tour" e il contatore step */
    padding: 4px 8px;
    text-decoration: underline;
}

.bgt-skip-btn:hover,
.bgt-skip-btn:focus {
    color: #1f2937;
    outline: none;
}