/*
Theme Name: Wikilogy Child
Theme URI: https://example.com
Description: Child theme for Wikilogy
Author: Gloria Themes
Template: wikilogy
Version: 1.0.0
Text Domain: wikilogy-child
*/

/* Main heading wrapper */
.elementor-widget-n-tabs .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0f0f0 !important;
    border-radius: 50px !important;
    padding: 5px !important;
    width: fit-content !important;
    box-sizing: border-box !important;
}

/* Individual tab button */
.elementor-widget-n-tabs .e-n-tab-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
    min-width: unset !important;
    width: auto !important;
}

/* Tab text */
.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text,
.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font,
.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font font {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #555555 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    display: inline !important;
    vertical-align: baseline !important;
}

/* Active tab - dark filled pill */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
    background: #1a1a1a !important;
    box-shadow: none !important;
}

/* Active tab text - white */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text font,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text font font {
    color: #ffffff !important;
}

/* Hover on inactive */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"]:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-title-text,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-title-text font {
    color: #1a1a1a !important;
}

/* Remove focus outline */
.elementor-widget-n-tabs .e-n-tab-title:focus,
.elementor-widget-n-tabs .e-n-tab-title:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}


@media (max-width: 767px) {
    /* Constrain the whole widget and its containers */
    .elementor-widget-n-tabs,
    .elementor-widget-n-tabs .elementor-widget-container,
    .elementor-widget-n-tabs .e-n-tabs {
        width: 100% !important;
        max-width: 100% !important;
		justify-content: space-between !important; /* key change */
        box-sizing: border-box !important;
    }

    .elementor-widget-n-tabs .e-n-tabs-heading {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 4px !important;
        padding: 4px !important;
        margin: 0 !important;
    }

    .elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar {
        display: none !important;
    }

    .elementor-widget-n-tabs .e-n-tab-title {
         flex: 1 !important;
        padding: 8px 14px !important;
        gap: 6px !important;
    }

    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text,
    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font,
    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font font {
        font-size: 13px !important;
    }
}

@media (max-width: 380px) {
    .elementor-widget-n-tabs .e-n-tab-title {
        padding: 7px 12px !important;
    }
    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text,
    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font,
    .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text font font {
        font-size: 12px !important;
    }
}