/* ===========================================================
   Nexia UI Framework
   File: mini-cart.css
   WooCommerce Mini Cart
=========================================================== */


/*==========================================================
  DRAWER
==========================================================*/

.wc-block-components-drawer{
    background-color:var(--nx-surface-secondary) !important;
    color:var(--nx-text) !important;
}

.wc-block-components-drawer__screen-overlay{
    background:rgba(0,0,0,.55) !important;
}

.wc-block-components-drawer__content{
    background:var(--nx-surface-secondary) !important;
    color:var(--nx-text) !important;
}


/*==========================================================
  HEADER
==========================================================*/

.wc-block-components-drawer__header{
    background:var(--nx-surface-secondary) !important;
    border-bottom:1px solid var(--nx-border) !important;
}

.wc-block-components-drawer__header-heading{
    color:var(--nx-heading) !important;
}

.wc-block-components-drawer__close{
    color:var(--nx-text) !important;
}


/*==========================================================
  PRODUCT LIST
==========================================================*/

.wc-block-cart-items,
.wc-block-mini-cart-items{
    background:transparent !important;
}

.wc-block-cart-item{
    border-bottom:1px solid var(--nx-border) !important;
}

.wc-block-cart-item__product{
    color:var(--nx-text) !important;
}

.wc-block-components-product-name{
    color:var(--nx-heading) !important;
    text-decoration:none;
}

.wc-block-components-product-name:hover{
    color:var(--nx-primary);
}


/*==========================================================
  PRICE
==========================================================*/

.wc-block-components-product-price,
.wc-block-formatted-money-amount,
.wc-block-components-totals-item__value{
    color:var(--nx-text) !important;
}


/*==========================================================
  QUANTITY
==========================================================*/

.wc-block-components-quantity-selector{
    background:var(--nx-input-bg) !important;
    border:1px solid var(--nx-border) !important;
}

.wc-block-components-quantity-selector input{
    background:transparent !important;
    color:var(--nx-text) !important;
}

.wc-block-components-quantity-selector button{
    color:var(--nx-text) !important;
}


/*==========================================================
  REMOVE BUTTON
==========================================================*/

.wc-block-cart-item__remove-link{
    color:var(--nx-danger) !important;
}


/*==========================================================
  FOOTER
==========================================================*/

.wc-block-mini-cart__footer{
    background:var(--nx-surface-secondary) !important;
    border-top:1px solid var(--nx-border) !important;
}

.wc-block-components-totals-footer-item{
    color:var(--nx-heading) !important;
}


/*==========================================================
  BUTTONS
==========================================================*/

.wc-block-components-button{
    border-radius:var(--nx-radius-md) !important;
    transition:var(--nx-transition) !important;
}

.wc-block-components-button:not(.is-secondary){
    background:var(--nx-primary) !important;
    color:#fff !important;
}

.wc-block-components-button:not(.is-secondary):hover{
    background:var(--nx-primary-hover) !important;
    box-shadow:var(--nx-button-shadow-hover) !important;
}

.wc-block-components-button.is-secondary{
    background:transparent !important;
    color:var(--nx-text) !important;
    border:1px solid var(--nx-border) !important;
}

.wc-block-components-button.is-secondary:hover{
    background:var(--nx-surface-hover) !important;
}


/*==========================================================
  EMPTY CART
==========================================================*/

.wc-block-mini-cart__empty-cart-wrapper{
    background:var(--nx-surface-secondary) !important;
    color:var(--nx-text) !important;
}

.wc-block-mini-cart__empty-cart-wrapper a{
    color:var(--nx-primary);
}