@import '../../style/themes/index';
@import '../../style/mixins/index';

@tab-prefix-cls: ~'@{acud-prefix}-tabs';

.@{tab-prefix-cls} {
    &-rtl {
        direction: rtl;

        .@{tab-prefix-cls}-nav {
            .@{tab-prefix-cls}-tab {
                margin: @tabs-horizontal-margin-rtl;

                &:last-of-type {
                    margin-left: 0;
                }

                .@{iconfont-css-prefix} {
                    margin-right: 0;
                    margin-left: @margin-sm;
                }

                .@{tab-prefix-cls}-tab-remove {
                    margin-right: @margin-xs;
                    margin-left: -@margin-xss;

                    .@{iconfont-css-prefix} {
                        margin: 0;
                    }
                }
            }
        }

        &.@{tab-prefix-cls}-left {
            >.@{tab-prefix-cls}-nav {
                order: 1;
            }

            >.@{tab-prefix-cls}-content-holder {
                order: 0;
            }
        }

        &.@{tab-prefix-cls}-right {
            >.@{tab-prefix-cls}-nav {
                order: 0;
            }

            >.@{tab-prefix-cls}-content-holder {
                order: 1;
            }
        }
    }

    // ====================== Card ======================
    &-card {

        &.@{tab-prefix-cls}-top,
        &.@{tab-prefix-cls}-bottom {

            >.@{tab-prefix-cls}-nav,
            >div>.@{tab-prefix-cls}-nav {
                .@{tab-prefix-cls}-tab+.@{tab-prefix-cls}-tab {
                    .@{tab-prefix-cls}-rtl& {
                        margin-right: 0;
                        margin-left: @tabs-card-gutter;
                    }
                }
            }
        }
    }
}

.@{tab-prefix-cls}-dropdown {
    &-rtl {
        direction: rtl;
    }

    &-menu-item {
        .@{tab-prefix-cls}-dropdown-rtl & {
            text-align: right;
        }
    }
}