/* Mini cart */

/* header*/
commerce_cart-mini-cart-panel .panel-header h2 div{
    color: var(--c-b2bColorGray400) !important;
}
/* content */
commerce_cart-mini-cart-panel{
    commerce_cart-items ul{
        overflow: visible !important;
    }

    .item_details_currency span{
        color: var(--c-b2bColorBlue) !important;
    }

    /* delete button */
    commerce_cart-item .item-delete{
        margin-top: 8px !important;
    }
    commerce_cart-item commerce-action-button{
        background-color: rgb(245, 245, 245) !important;
        width: 44px !important;
        height: 32px !important;
    }
    /* product name */
    .description-name-label p{
        color: var(--c-b2bColorGray400) !important;
        font-weight: 700 !important;
    }
    /* price */
    .originalPrice{
        display: none !important;
    }
    /* cart item */
    article li{
        padding-top: 16px !important;
    	padding-bottom: 16px !important;
        border-bottom: var(--c-b2bColorGray100) solid 1px !important;
    }
    /* quantity selector */
    commerce-quantity-selector{
        margin-top: 8px !important;
        margin-right: 8px;

        commerce-number-input button, commerce-number-input input{
            background-color: var(--c-b2bColorLightGray) !important;
            height: 33px !important;
            min-height: 33px !important;
            border: none !important;
            font-size: var(--c-b2bFontSize14) !important;
        }
        input{
            width: 50px !important;
        }
        .slds-grid{
            height: 33px !important;
            min-height: 33px !important;
        }
        .number-input__decrement-button{
            padding-left: 16px !important;
        }
        .number-input__increment-button{
            padding-right: 16px !important;
        }
        lightning-icon svg{
            fill: var(--c-b2bColorBlue) !important;
            height: 16px !important;
            width: 16px !important;
        }
    }
    /* footer */
    .panel_footer{
        div{
            display: flex !important;
            flex-direction: row-reverse !important;
        }
        /* buttons */
        commerce_cart-checkout-button button, commerce-action-button button{
            padding: 8px 24px !important;
        }
        commerce-action-button {
            padding-top: 0 !important;
        }
        commerce-action-button button{
            text-decoration: none !important;
            background-color: var(--c-b2bColorWhite) !important;
            color: var(--c-b2bColorBlue) !important;
            border: var(--c-b2bColorBlue) 1px solid !important;
        }
        commerce_cart-checkout-button button{
            background-color: var(--c-b2bColorBlue) !important;
            color: var(--c-b2bColorWhite) !important;
        }
    }   
} 
    
/* arabic */
html[lang="ar"] commerce_cart-mini-cart-panel{
    left: 0 !important;
    right: auto !important;

    .description-name-label p{
        margin-left: 8px !important;
        text-align: right !important;
    }

    .item-image{
        margin-right: 0 !important;
        margin-left: 1rem !important;
    }
}
    
/* Mobile styles */
@media only screen and (max-width: 768px) {
    html[lang="ar"] commerce_cart-mini-cart-panel{
        commerce-quantity-selector {
            margin-right: 0 !important;
        }
    }
    commerce_cart-mini-cart-panel{
        z-index: 99 !important;
            
        /* header */
        .panel-header h2{
            font-size: var(--c-b2bFontSize20) !important;
    		font-weight: var(--c-b2bFontWeightBold) !important;
        }
        /* content*/
        .panel-content{
            padding: 16px !important;
        }
        /* product name */
        .description-name-label p{
            max-width: 194px !important;
        }
        /* quentity selector */
        commerce-quantity-selector lightning-icon svg{
            fill: var(--c-b2bColorBlue) !important;
        }
        commerce-quantity-selector input{
            color: var(--c-b2bColorBlue) !important;
        }
        /* price */
        .actualPrice{
            color: var(--c-b2bColorBlue) !important;
        } 
        /* delete button */
        .item-delete{
            position: absolute !important;
            justify-self: end !important;
        }
        commerce_cart-item .item-delete{
            margin-top: 0 !important;
        }
        /* footer */
        .panel-footer{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .panel_footer{
            background-color: var(--c-b2bColorLightGray) !important;

            div{
                display: flex !important;
                flex-direction: row-reverse !important;
            }
            /* buttons */
            commerce_cart-checkout-button button, commerce-action-button button{
                padding: 8px 24px !important;
            }
            commerce-action-button {
                padding-top: 0 !important;
            }
            commerce-action-button button{
                text-decoration: none !important;
                background-color: var(--c-b2bColorWhite) !important;
                color: var(--c-b2bColorBlue) !important;
                border: var(--c-b2bColorBlue) 1px solid !important;
            }
            commerce_cart-checkout-button button{
                background-color: var(--c-b2bColorBlue) !important;
                color: var(--c-b2bColorWhite) !important;
            }
        }
    }
}