.elementor-56668 .elementor-element.elementor-element-6ef52d20{--display:flex;}/* Start custom CSS for container, class: .elementor-element-6ef52d20 *//**
 * ==========================================================
 * NO26 Multi Tour Bracket – Tabs + Pills UI
 * ==========================================================
 *
 * Handles:
 * - Main tabs navigation
 * - Sticky tabs
 * - Sticky round pills
 * - Panel visibility
 * - Desktop + mobile spacing
 *
 * Notes:
 * - Built to work with existing bracket rendering
 * - Does not change match/elbow logic
 * - Optimized for Elementor / WordPress layouts
 *
 * Author: EventKonsulterna / NO26
 * ==========================================================
 */


/* ==========================================================
   WRAPPER
   ========================================================== */

/* Fix scroll position when pills jump to rounds */

.mtb-slider-round,
.mtb-round-anchor{
    scroll-margin-top:200px;
}

.mtb-tabs-wrapper{
    position:relative;
    z-index:1;
    overflow:visible;
}

.mtb-tabs-content{
    position:relative;
    z-index:1;
    overflow:visible;
    margin-top:18px;
}


/* ==========================================================
   MAIN TABS NAV
   ========================================================== */

.mtb-tabs-nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    position:sticky;
    top:80px; /* adjust to your header height */
    z-index:100;

    background:#fff;
    padding:12px 0 14px;
    margin-bottom:14px;

    border-bottom:1px solid #ececec;
}


/* Tab button */

.mtb-tab-button{
    appearance:none;
    border:0;
    border-radius:999px;

    padding:10px 16px;
    margin:0;

    background:#f2f3f5;
    color:#111;

    font-size:14px;
    font-weight:600;
    line-height:1.2;

    cursor:pointer;
    transition:all .18s ease;
    white-space:nowrap;
}

.mtb-tab-button:hover{
    background:#e7e9ec;
}

.mtb-tab-button.active{
    background:#000;
    color:#fff;
}


/* ==========================================================
   TAB PANELS
   ========================================================== */

.mtb-tab-panel{
    display:none;
}

.mtb-tab-panel.active{
    display:block;
}


/* ==========================================================
   ROUND TABS / PILLS
   ========================================================== */

/* fallback wrapper names */
.mtb-round-pills,
.mtb-round-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    position:sticky;
    top:140px; /* tabs + header stack */
    z-index:90;

    background:#fff;
    padding:10px 0 12px;
    margin-bottom:20px;

    border-bottom:1px solid #ececec;
}


/* support your existing round tab buttons */
.mtb-round-tab,
.mtb-round-pill{
    appearance:none;
    border:0;
    border-radius:999px;

    padding:8px 14px;
    margin:0;

    background:#eceff3;
    color:#1a1a1a;

    font-size:13px;
    font-weight:600;
    line-height:1.2;

    cursor:pointer;
    transition:all .18s ease;
    white-space:nowrap;
}

.mtb-round-tab:hover,
.mtb-round-pill:hover{
    background:#dfe4ea;
}

.mtb-round-tab.mtb-active,
.mtb-round-pill.active{
    background:#000;
    color:#fff;
}


/* ==========================================================
   BRACKET AREA SPACING
   ========================================================== */

.mtb-bracket-wrapper{
    position:relative;
    z-index:1;
    overflow:visible;
}

.mtb-slider-wrapper{
    margin-top:8px;
    overflow:visible;
}

.mtb-slider-inner{
    overflow:visible;
}

.mtb-slider-round{
    overflow:visible;
}

.mtb-round-label{
    margin:0 0 14px;
}


/* Space between pills and first row of bracket */
.mtb-match-container:first-child{
    margin-top:4px;
}


/* ==========================================================
   STICKY STACK SAFETY
   ========================================================== */

/* Elementor / container conflicts often come from overflow */
.elementor-widget-container,
.elementor-shortcode,
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-element{
    /* do not force globally, but allow bracket zone to breathe */
}

.mtb-tabs-wrapper *,
.mtb-bracket-wrapper *{
    box-sizing:border-box;
}


/* ==========================================================
   LOADING / EMPTY STATES
   ========================================================== */

.mtb-loading{
    padding:30px 0;
    text-align:center;
    font-size:16px;
    color:#666;
}


/* ==========================================================
   DIRECT LINK / SCROLL OFFSET
   ========================================================== */

.mtb-round-anchor{
    scroll-margin-top:220px;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px){

    .mtb-tabs-nav{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;

        top:60px;
        gap:8px;

        padding:10px 0 12px;
        margin-bottom:12px;
    }

    .mtb-round-pills,
    .mtb-round-tabs{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;

        top:112px;
        gap:8px;

        padding:8px 0 10px;
        margin-bottom:16px;
    }

    .mtb-tab-button{
        padding:9px 13px;
        font-size:13px;
    }

    .mtb-round-tab,
    .mtb-round-pill{
        padding:7px 12px;
        font-size:12px;
    }

    .mtb-tabs-nav::-webkit-scrollbar,
    .mtb-round-pills::-webkit-scrollbar,
    .mtb-round-tabs::-webkit-scrollbar{
        display:none;
    }

    .mtb-tabs-content{
        margin-top:14px;
    }

}


/* ==========================================================
   LARGE DESKTOP TWEAKS
   ========================================================== */

@media (min-width: 1200px){

    .mtb-tabs-nav{
        top:88px;
    }

    .mtb-round-pills,
    .mtb-round-tabs{
        top:148px;
    }

}

/* ==========================================================
   FIX: Horizontal bracket scroll must work
   ========================================================== */

.mtb-bracket-wrapper{
    overflow: visible;
}

.mtb-slider-wrapper{
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.mtb-slider-inner{
    min-width: max-content;
    width: max-content;
}

.mtb-slider-round{
    flex: 0 0 auto;
}

/* Keep tabs/pills sticky without blocking bracket scroll */
.mtb-tabs-wrapper,
.mtb-tabs-content{
    overflow: visible;
}/* End custom CSS */