/************************** OBJECT LIST - GENERAL ***************************************/

c-nimbus-commerce-object-list-data-table lightning-datatable table > thead > tr > th .slds-cell-fixed{
    position: relative;
}

c-nimbus-commerce-object-list-data-table lightning-datatable table > thead > tr > th lightning-primitive-header-factory {
    background-color: var(--c-color-white);
}

/************************** OBJECT LIST - BASE FIXES ***************************************/

.base-table-fixes c-nimbus-commerce-object-list-data-table {
    display: block;
}

.base-table-fixes lightning-primitive-header-factory {
    display: block;
    position: relative;
}

.base-table-fixes .slds-table_header-fixed_container {
    background-color: unset !important;
    overflow-x: hidden !important;
    padding-top: 0 !important;
    width: 100%;
}

.base-table-fixes .slds-table_header-fixed_container .slds-scrollable_y {
    width: 100% !important;
}

.base-table-fixes thead th .slds-has-button-menu .slds-th__action {
    padding-right: var(--datatable-header-action-padding, 2rem);
}
.base-table-fixes thead th .slds-has-button-menu .slds-th__action-button {
    visibility: var(--datatable-header-action-visiblity, visible);
}

.base-table-fixes thead th:not(:hover) {
    --datatable-header-action-padding: 0;
    --datatable-header-action-visiblity: hidden;
}

.base-table-fixes .slds-table_header-fixed_container .slds-scrollable_y:before {
    border-bottom: none !important;
}

@media screen and (max-width: 640px) {
    .base-table-fixes thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}


/************************** OBJECT LIST - ORDER HISTORY ***************************************/

c-nimbus-commerce-object-list.order-history-table c-nimbus-commerce-object-list-data-table {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    c-nimbus-commerce-object-list.order-history-table .slds-table_header-fixed_container{
        width: 768px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.order-history-table thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - STORE / ORDER HISTORY ***************************************/

@media screen and (max-width: 640px) {
    c-nimbus-commerce-object-list.store-object-tracker .slds-table_header-fixed_container{
        width: 640px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.store-object-tracker thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - INVOICE LIST ***************************************/

c-nimbus-commerce-object-list.invoice-list th[data-col-key-value^="InvoiceDate__c"] .slds-truncate{
    text-overflow: initial !important;
}

c-nimbus-commerce-object-list.invoice-list c-nimbus-commerce-object-list-data-table {
    margin-top: 20px;
}
c-nimbus-commerce-object-list.invoice-list c-nimbus-commerce-object-list-data-table [data-label="PDF"] button {
    width: 30px !important;
    height: 30px !important;
}

@media screen and (max-width: 1024px) {
    c-nimbus-commerce-object-list.invoice-list .slds-table_header-fixed_container{
        width: 1180px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.invoice-list thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - ACCOUNT STATEMENTS ***************************************/

c-nimbus-commerce-object-list.account-statements th[data-col-key-value^="Bill_Doc_Amount__c"] .slds-truncate,
c-nimbus-commerce-object-list.account-statements th[data-col-key-value^="Billing_Doc_Created_Date__c"] .slds-truncate{
    text-overflow: initial !important;
}

c-nimbus-commerce-object-list.account-statements c-nimbus-commerce-object-list-data-table {
    margin-top: 20px;
}
c-nimbus-commerce-object-list.account-statements c-nimbus-commerce-object-list-data-table [data-label="PDF"] button {
    width: 30px !important;
    height: 30px !important;
}

@media screen and (max-width: 1124px) {
    c-nimbus-commerce-object-list.account-statements .slds-table_header-fixed_container{
        width: 1280px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.account-statements thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - ORDER SUMMARY DETAIL - DOCUMENTS & TRACKING + INVOICES ***************************************/

c-nimbus-commerce-object-list.table-widgets .nimbus-commerce-object-tracker {
    padding: 16px;
    border: 1px solid var(--Colors-Stroke, #D4D4D4);
    border-radius: 4px;
}
c-nimbus-commerce-object-list.table-widgets .slds-text-heading_large {
    font-size: 18px;
}
c-nimbus-commerce-object-list.table-widgets .nimbus-commerce-object-tracker a {
    font-weight: bold;
}

@media screen and (max-width: 500px) {
    c-nimbus-commerce-object-list.table-widgets .slds-table_header-fixed_container {
        width: 360px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.table-widgets thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - ORDER SUMMARY DETAIL - REMOVED PRODUCTS ***************************************/

c-nimbus-commerce-object-list.order-summary__removed-products {
    display: block;
    margin-top: 15px;
}
c-nimbus-commerce-object-list.order-summary__removed-products .nimbus-commerce-object-tracker {
    background: #F2F2F2;
    padding: 1rem;
    border-radius: 4px;
}
c-nimbus-commerce-object-list.order-summary__removed-products .datatable-header {
    display: none !important;
}
c-nimbus-commerce-object-list.order-summary__removed-products h1.slds-text-heading_large {
    font-size: 1.163rem;
    line-height: 21.3px;
    font-weight: bold;
}
c-nimbus-commerce-object-list.order-summary__removed-products .datatable-box .slds-cell-fixed {
    background-color: initial;
}
c-nimbus-commerce-object-list.order-summary__removed-products .slds-table,
c-nimbus-commerce-object-list.order-summary__removed-products .datatable-box a:hover:not(.slds-button, .slds-dropdown__item > a),
c-nimbus-commerce-object-list.order-summary__removed-products .datatable-box a:active:not(.slds-button, .slds-dropdown__item>a) {
    background-color: #f2f2f2;
}

@media screen and (max-width: 850px) {
    c-nimbus-commerce-object-list.order-summary__removed-products .slds-table_header-fixed_container {
        width: 700px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.order-summary__removed-products thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}

/************************** OBJECT LIST - ORDER DETAIL - PRODUCT LIST ***************************************/

c-nimbus-commerce-object-list.order-product-list-table th[data-col-key-value^="ColorMixProductName__c"] .slds-truncate,
c-nimbus-commerce-object-list.order-product-list-table th[data-col-key-value^="Product2.Old_Material_Number__c"] .slds-truncate{
    text-overflow: initial !important;
}

@media screen and (max-width: 1024px) {
    c-nimbus-commerce-object-list.order-product-list-table .slds-table_header-fixed_container {
        width: 1280px;
        max-width: none;
        overflow-x: auto !important;
    }
    c-nimbus-commerce-object-list.order-product-list-table thead th:not(:hover) {
        --datatable-header-action-padding: initial;
        --datatable-header-action-visiblity: initial;
    }
}