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

lightning-modal-base lightning-modal-header .slds-modal__header {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 4rem;
    border-bottom: 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

/* CLOSE BUTTON */

lightning-modal-base .slds-modal__close {
    top: 3.5rem;
    right: 1.75rem;
    z-index: 1;
}

lightning-modal-base .slds-modal__close .slds-button_icon {
    padding: 0;
}

lightning-modal-base .slds-modal__close .slds-button_icon .slds-button__icon {
    fill: var(--ecomm-color-black-01);
    transition: fill 0.1s;
}

lightning-modal-base .slds-modal__close .slds-button_icon:hover .slds-button__icon,
lightning-modal-base .slds-modal__close .slds-button_icon:focus .slds-button__icon {
    fill: var(--ecomm-color-primary-01);
}

lightning-modal-base .slds-modal__close .slds-button_icon {
    padding: 0;
}

/* TITLE */

lightning-modal-base .slds-modal__title {
    font-weight: 600 !important;
    text-align: left;
}

/* CONTENT */

lightning-modal-base .slds-modal__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

lightning-modal-base .slds-modal__content .slds-table--bordered {
    border: 0;
}

lightning-modal-base .slds-modal__content_footless {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

/* FOOTER */

lightning-modal-base .slds-modal__footer {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border: 0;
}

lightning-modal-base .slds-modal__footer .slds-text-body--small {
    font-size: 1rem;
}

/* MOBILE UPLOAD MODAL FIX */

@media (max-width: 767.98px) {

    lightning-modal-base .slds-modal__header .slds-modal__title + slot > .files-action-header {
        width: calc(100% + 2rem);
        flex-direction: column;
        padding: 0;
        padding-top: 1.5rem;
    }
    
    lightning-modal-base .slds-modal__header .slds-modal__title + slot > .files-action-header .slds-size_3-of-12 {
        width: 100%;
    }
    
    lightning-modal-base .slds-modal__header .slds-modal__title + slot > .files-action-header .slds-size_3-of-12:last-child {
        width: 100%;
        padding: 0;
        padding-top: 1rem;
    }
    
    lightning-modal-base .slds-modal__header .slds-modal__title + slot > .files-action-header .slds-size_3-of-12 .slds-button {
        width: 100%;
    }
    
    lightning-modal-base .slds-modal__header .slds-modal__title + slot > .files-action-header .slds-size_6-of-12 {
        display: none;
    }

}