/*
|--------------------------------------------------------------------------
| LWFG — Competition Single — Tabs
|--------------------------------------------------------------------------
*/

.competition-single-tabs {
    grid-area: tabs;

    width: auto;
    height: 60px;

    display: flex;
    align-items: stretch;
    justify-content: flex-start;

    gap: 25px;
    padding: 0 60px 0 30px;

    direction: rtl;

    background: transparent;
    border: 0;

    box-sizing: border-box;
}


/*
|--------------------------------------------------------------------------
| Tab
|--------------------------------------------------------------------------
*/

.competition-single-tab {
    position: relative;

    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: #666;
    background: transparent;

    border: 0;
    text-decoration: none;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;

    box-sizing: border-box;

    transition: color .2s ease;
}


/*
|--------------------------------------------------------------------------
| Hover
|--------------------------------------------------------------------------
*/

.competition-single-tab:hover {
    color: #006633;
}


/*
|--------------------------------------------------------------------------
| Active
|--------------------------------------------------------------------------
*/

.competition-single-tab.active {
    color: #0A8F43;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Active Indicator
|--------------------------------------------------------------------------
*/

.competition-single-tab::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background: transparent;

    border-radius: 3px 3px 0 0;
}

.competition-single-tab.active::after {
    background: #0A8F43;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

.competition-single-tabs {
    width: 100%;
    height: 60px;

    display: flex;
    align-items: stretch;
    justify-content: flex-start;

    gap: 20px;
    padding: 0 8px;

    direction: rtl;

    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;

   scrollbar-width: thin;
-ms-overflow-style: auto;

    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;

    margin-right: -7px;
    box-sizing: border-box;
}

.competition-single-tabs::-webkit-scrollbar {
    height: 6px !important;
    display: block !important;
}

.competition-single-tabs::-webkit-scrollbar-track {
    background: transparent;
}

.competition-single-tabs::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.competition-single-tab {
    flex: 0 0 auto;

    height: 60px;

    padding: 0;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;
}

}

/* خط التبويب النشط - صفحة المنافسة */
.competition-single-tab.active {
    color: #111;
    font-weight: 600;

    text-decoration-line: underline;
    text-decoration-color: #0a8f43;
    text-decoration-thickness: 2px;
    text-underline-offset: 24px;
    text-decoration-skip-ink: none;
}

/* إلغاء الخط القديم */
.competition-single-tab.active::after {
    display: none !important;
}

@media (max-width: 767px) {

    .competition-single-tab.active {
        text-underline-offset: 25px;
        text-decoration-thickness: 2px;
    }

}