/* ==========================================================================
   Corpowid product tours (driver.js skin)
   All rules are scoped to .cw-tour (popoverClass) so they win over
   driver.css and main.min.css without !important.
   ========================================================================== */

.driver-popover.cw-tour {
    --cw-tour-primary: #2353FF;
    --cw-tour-primary-hover: #1a42d6;
    --cw-tour-title: #11023B;
    --cw-tour-text: #525866;
    --cw-tour-muted: #99A0AE;
    --cw-tour-border: #E1E4EA;
    --cw-tour-soft: #F5F7FA;

    box-sizing: border-box;
    width: 34rem;
    min-width: 0;
    max-width: calc(100vw - 3.2rem);
    padding: 2rem 2rem 1.6rem;
    background: #fff;
    border: 1px solid var(--cw-tour-border);
    border-radius: 1.6rem;
    box-shadow: 0 1.6rem 4rem -0.8rem rgba(17, 2, 59, .18), 0 0.2rem 0.6rem rgba(17, 2, 59, .06);
    color: var(--cw-tour-text);
}

.driver-popover.cw-tour * {
    font-family: Onest-Regular, Helvetica, Arial, sans-serif;
}

/* Title & description */
.driver-popover.cw-tour .driver-popover-title {
    margin: 0;
    padding-right: 2.8rem;
    font-family: Onest-SemiBold, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.4;
    color: var(--cw-tour-title);
}

.driver-popover.cw-tour .driver-popover-description {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6;
    color: var(--cw-tour-text);
}

.driver-popover.cw-tour .driver-popover-title[style*=block] + .driver-popover-description {
    margin-top: .8rem;
}

/* Close button */
.driver-popover.cw-tour .driver-popover-close-btn {
    top: 1.4rem;
    right: 1.4rem;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 1;
    color: var(--cw-tour-muted);
    transition: background-color .2s ease, color .2s ease;
}

.driver-popover.cw-tour .driver-popover-close-btn:hover,
.driver-popover.cw-tour .driver-popover-close-btn:focus-visible {
    background: var(--cw-tour-soft);
    color: var(--cw-tour-title);
}

/* Footer */
.driver-popover.cw-tour .driver-popover-footer {
    margin-top: 1.8rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--cw-tour-border);
    gap: 1.2rem;
}

.driver-popover.cw-tour .driver-popover-progress-text {
    flex-shrink: 0;
    padding: .4rem 1rem;
    border-radius: 3.2rem;
    background: var(--cw-tour-soft);
    font-family: Onest-Medium, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4;
    color: var(--cw-tour-text);
}

.driver-popover.cw-tour .driver-popover-navigation-btns {
    gap: .8rem;
}

.driver-popover.cw-tour .driver-popover-navigation-btns button + button {
    margin-left: 0;
}

/* Buttons */
.driver-popover.cw-tour .driver-popover-footer button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .9rem 1.8rem;
    border: 1px solid var(--cw-tour-primary);
    border-radius: 3.2rem;
    background: var(--cw-tour-primary);
    box-shadow: 0 0 0 1px rgba(35, 83, 255, .16);
    font-family: Onest-Medium, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #fff;
    text-shadow: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.driver-popover.cw-tour .driver-popover-footer button:hover {
    background: var(--cw-tour-primary-hover);
    border-color: var(--cw-tour-primary-hover);
}

.driver-popover.cw-tour .driver-popover-footer button:focus-visible {
    outline: 2px solid var(--cw-tour-primary);
    outline-offset: 2px;
}

.driver-popover.cw-tour .driver-popover-footer .driver-popover-prev-btn {
    background: #fff;
    border-color: var(--cw-tour-border);
    box-shadow: none;
    color: var(--cw-tour-title);
}

.driver-popover.cw-tour .driver-popover-footer .driver-popover-prev-btn:hover {
    background: var(--cw-tour-soft);
    border-color: var(--cw-tour-border);
}

/* "Back" on the first step is useless — hide instead of greying out */
.driver-popover.cw-tour .driver-popover-footer .driver-popover-prev-btn.driver-popover-btn-disabled {
    display: none;
}

/* Arrow */
.driver-popover.cw-tour .driver-popover-arrow-side-top { border-top-color: #fff; }
.driver-popover.cw-tour .driver-popover-arrow-side-bottom { border-bottom-color: #fff; }
.driver-popover.cw-tour .driver-popover-arrow-side-left { border-left-color: #fff; }
.driver-popover.cw-tour .driver-popover-arrow-side-right { border-right-color: #fff; }

/* Mobile */
@media (max-width: 575px) {
    .driver-popover.cw-tour {
        padding: 1.6rem 1.6rem 1.4rem;
        border-radius: 1.4rem;
    }

    .driver-popover.cw-tour .driver-popover-title {
        font-size: 1.6rem;
    }

    .driver-popover.cw-tour .driver-popover-description {
        font-size: 1.35rem;
    }

    .driver-popover.cw-tour .driver-popover-footer button {
        padding: .8rem 1.4rem;
        font-size: 1.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .driver-fade .driver-popover.cw-tour,
    .driver-fade .driver-overlay {
        animation: none;
    }
}