/* Chagatai Tabs (Inline): non-interactive menu utility rows. */
.elementor-widget-chagatai_nested_tabs .caw-tab-utility {
    cursor: default !important;
    user-select: none;
    pointer-events: none !important;
    flex-shrink: 0;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-section {
    display: flex;
    align-items: center;
    gap: var(--n-tabs-icon-gap, 5px);
    width: var(--n-tabs-title-width, auto);
    min-height: auto;
    box-sizing: border-box;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-section .e-n-tab-icon {
    color: currentColor;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-separator {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: var(--n-tabs-title-width, 100%);
    min-height: 0 !important;
    box-sizing: border-box;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-separator-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    border-radius: 999px;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-utility-panel {
    display: none !important;
}


/* Utility rows are structural, not interactive tabs.
 * Elementor's native Nested Tabs hover/active rules target every .e-n-tab-title,
 * so explicitly neutralize those states for Section Labels and Separators. */
.elementor-widget-chagatai_nested_tabs .caw-tab-section,
.elementor-widget-chagatai_nested_tabs .caw-tab-section:hover,
.elementor-widget-chagatai_nested_tabs .caw-tab-section:focus,
.elementor-widget-chagatai_nested_tabs .caw-tab-section:focus-visible,
.elementor-widget-chagatai_nested_tabs .caw-tab-section.e-active {
    background: var(--caw-section-bg, transparent) !important;
    background-image: none !important;
    color: var(--caw-section-color, inherit) !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-separator,
.elementor-widget-chagatai_nested_tabs .caw-tab-separator:hover,
.elementor-widget-chagatai_nested_tabs .caw-tab-separator:focus,
.elementor-widget-chagatai_nested_tabs .caw-tab-separator:focus-visible,
.elementor-widget-chagatai_nested_tabs .caw-tab-separator.e-active {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
    border-color: transparent !important;
}


/* Section Labels are non-interactive and have only one visual icon state.
 * Elementor may output normal + active icon layers in editor/native markup;
 * keep the first layer only so utility headings never show duplicate icons. */
.elementor-widget-chagatai_nested_tabs .caw-tab-section > .e-n-tab-icon ~ .e-n-tab-icon {
    display: none !important;
}

.elementor-widget-chagatai_nested_tabs .caw-tab-separator .e-n-tab-icon {
    display: none !important;
}