/*
 * Vanti Sticky 0.3.1
 *
 * Recomendado para la carta:
 * vanti-sticky vanti-sticky--mobile-scroll vanti-sticky--top-0
 */

.vanti-sticky {
    box-sizing: border-box !important;
}

.vanti-sticky.vanti-sticky--fixed {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

.vanti-sticky-placeholder {
    display: none;
    box-sizing: border-box;
    pointer-events: none;
}

.vanti-sticky-placeholder.is-active {
    display: block;
}

/* Los enlaces siguen siendo clicables por encima del overlay de Otter. */
.vanti-sticky .wp-block-themeisle-blocks-advanced-columns-overlay {
    pointer-events: none !important;
}

.vanti-sticky .innerblocks-wrap,
.vanti-sticky .wp-block-themeisle-blocks-advanced-column,
.vanti-sticky .wp-block-buttons,
.vanti-sticky .wp-block-button,
.vanti-sticky .wp-block-button__link {
    position: relative;
    z-index: 1;
}

/* ==========================================================
   MÓVIL — FILA ÚNICA + SWIPE HORIZONTAL
   ========================================================== */
@media (max-width: 767px) {

    .vanti-sticky--mobile-scroll {
        max-width: 100vw !important;
    }

    .vanti-sticky--mobile-scroll > .innerblocks-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .vanti-sticky--mobile-scroll > .innerblocks-wrap::-webkit-scrollbar {
        display: none;
    }

    .vanti-sticky--mobile-scroll .wp-block-buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
    }

    .vanti-sticky--mobile-scroll .wp-block-button {
        flex: 0 0 auto !important;
        width: auto !important;
        white-space: nowrap !important;
    }

    .vanti-sticky--mobile-scroll .wp-block-button__link {
        display: block !important;
        width: auto !important;
        white-space: nowrap !important;
    }
}