/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/lightning-tabset.css?{ versionKey }"/> */

lightning-tabset .slds-tabs_default__nav,
.ecomm-tabset .slds-tabs_default__nav {
    border-bottom-color: var(--ecomm-color-white-05);
}

lightning-tabset .slds-tabs_default__item,
.ecomm-tabset .slds-tabs_default__item {
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
}

lightning-tabset .slds-tabs_default__item::after,
.ecomm-tabset .slds-tabs_default__item::after {
    background-color: transparent;
    transition: background-color var(--ecomm-transition-background-color);
}

lightning-tabset .slds-tabs_default__link,
.ecomm-tabset .slds-tabs_default__link {
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration: none !important;
    color: var(--ecomm-color-black-01) !important;
}

lightning-tabset .slds-is-active .slds-tabs_default__link,
.ecomm-tabset .slds-is-active .slds-tabs_default__link {
    font-weight: 600 !important;
    color: var(--ecomm-color-black-01) !important;
}

lightning-tabset .slds-tabs_default__item.slds-is-active::after,
lightning-tabset .slds-tabs_default__item.slds-is-active.slds-has-focus::after,
lightning-tabset .slds-tabs_default__item.slds-is-active:hover::after,
lightning-tabset .slds-tabs_default__item.slds-is-active:focus::after,
.ecomm-tabset .slds-tabs_default__item.slds-is-active::after,
.ecomm-tabset .slds-tabs_default__item.slds-is-active.slds-has-focus::after,
.ecomm-tabset .slds-tabs_default__item.slds-is-active:hover::after,
.ecomm-tabset .slds-tabs_default__item.slds-is-active:focus::after {
    height: 2px !important;
    background-color: var(--ecomm-color-secondary-01) !important;
}

lightning-tabset .slds-tabs_default__item.slds-is-active,
lightning-tabset .slds-tabs_default__item.slds-is-active a,
.ecomm-tabset .slds-tabs_default__item.slds-is-active,
.ecomm-tabset .slds-tabs_default__item.slds-is-active a {
    cursor: default !important;
}

lightning-tabset .slds-tabs_default__item.slds-has-focus::after,
lightning-tabset .slds-tabs_default__item:hover::after,
lightning-tabset .slds-tabs_default__item:focus::after,
.ecomm-tabset .slds-tabs_default__item.slds-has-focus::after,
.ecomm-tabset .slds-tabs_default__item:hover::after,
.ecomm-tabset .slds-tabs_default__item:focus::after {
    height: 1px !important;
    background-color: var(--ecomm-color-secondary-01) !important;
}

lightning-tabset .slds-tabs_default__content,
.ecomm-tabset .slds-tabs_default__content {
    position: relative;
    padding: 1.5rem 0 0 0 !important;
    font-weight: 400;
}

/* More Button */

/* Hide empty space for the "More" button */
lightning-tabset .slds-tabs_default__item[style="visibility: hidden;"],
.ecomm-tabset .slds-tabs_default__item[style="visibility: hidden;"] {
    display: none;
}

lightning-tabset .slds-dropdown-trigger button.slds-button,
.ecomm-tabset .slds-dropdown-trigger button.slds-button {
    padding: 0;
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration: none;
    color: var(--ecomm-color-black-01);
    border: 0;
}

lightning-tabset .slds-dropdown-trigger .slds-dropdown,
.ecomm-tabset .slds-dropdown-trigger .slds-dropdown {
    background-color: var(--ecomm-color-form-dropdown-background);
}

lightning-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a,
.ecomm-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--ecomm-color-form-dropdown-text);
    background-color: var(--ecomm-color-form-dropdown-background);
    transition:
        color var(--ecomm-transition-color),
        background-color var(--ecomm-transition-background-color);
}

lightning-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a:hover,
lightning-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a:focus,
.ecomm-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a:hover,
.ecomm-tabset .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item a:focus {
    color: var(--ecomm-color-form-dropdown-text-hover);
    background-color: var(--ecomm-color-form-dropdown-background-hover);
    box-shadow: unset;
}