/* ==================================================
   Mini Cart Layout
   ================================================== */

/* Product information container */

.cart-info{

    display:flex;
    flex-direction:column;
    height:100%;

}

/* ==================================================
   Quantity Controls
   ================================================== */

/* Quantity controls container */

.atriro-qty{

    display:flex;
    align-items:center;
    justify-content:space-between;

    direction:ltr;

    width:90px;
    height:34px;

    background:#FFFFFF;

    border:1px solid #E5E7EB;
    border-radius:999px;

    overflow:hidden;

}

/* Quantity buttons */

.atriro-qty button{

    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:32px;

    border:none;
    background:transparent;

    cursor:pointer;

    font-size:20px;
    font-weight:700;
    line-height:1;

    color:#424750;

}

/* Keep the button background transparent on hover */

.atriro-qty button:hover{

    background:transparent;

}

/* Quantity value */

.atriro-count{

    flex:1;

    text-align:center;

    font-size:16px;
    font-weight:700;

    color:#D4B06A;

    user-select:none;

}

/* ==================================================
   Trash Button
   ================================================== */

/* Show the trash icon when the quantity is one */

.atriro-minus.is-trash,
.atriro-minus.is-trash:hover{

    background:url("../images/Icon-Trush.svg") center center / 16px no-repeat !important;

    background-color:transparent;

    opacity:1;
    filter:none;

    box-shadow:none;

    transform:translateY(-2px);

}

/* ==================================================
   Loading State
   ================================================== */

/* Hide the quantity while updating */

.atriro-count.is-loading{

    position:relative;
    color:transparent;

}

/* Loading spinner */

.atriro-count.is-loading::after{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:14px;
    height:14px;

    margin:-7px 0 0 -7px;

    border:2px solid #D4D4D4;
    border-top-color:#D4B06A;
    border-radius:50%;

    animation:atriroSpin .7s linear infinite;

}

/* Spinner animation */

@keyframes atriroSpin{

    to{

        transform:rotate(360deg);

    }

}

/* ==================================================
   Price + Quantity Row
   ================================================== */

/* Bottom row containing the price and quantity controls */

.atriro-qty-wrap{

    display:flex;
    align-items:center;
    justify-content:space-between;

    direction:ltr;

    margin-top:auto;

}

/* Product total price */

.atriro-price{

    display:flex;
    align-items:center;

    white-space:nowrap;

    font-weight:400;

}

/* Price value */

.atriro-price .woocommerce-Price-amount bdi{

    color:#424750 !important;
    font-size:14px;

}

/* ==================================================
   Custom Currency Icon
   ================================================== */

/* Hide the default currency symbol */

.atriro-price .woocommerce-Price-currencySymbol{

    font-size:0;

}

/* Display a custom currency icon */

.atriro-price .woocommerce-Price-currencySymbol::after{

    content:"";

    display:inline-block;

    width:18px;
    height:18px;

    margin-right:4px;

    background:url("../images/Icon-Toman.svg") center center no-repeat;
    background-size:contain;

    vertical-align:middle;

    transform:translateY(-7px);

}

/* ==================================================
   Woodmart Overrides
   ================================================== */

/* Preserve the product title color on hover */

li:hover .cart-info .wd-entities-title{

    color:var(--wd-entities-title-color) !important;

}

/* Hide the default remove button */

.wd-dropdown-cart .remove.remove_from_cart_button{

    display:none !important;

}

/* ==================================================
   Mini Cart Footer
   ================================================== */

/* Hide the default subtotal label */

.shopping-cart-widget-footer .woocommerce-mini-cart__total strong{

    display:none;

}

/* Hide the "View Cart" button */

.shopping-cart-widget-footer .btn-cart{

    display:none !important;

}

/* Arrange the footer horizontally */

.shopping-cart-widget-footer{

    display:flex;
    align-items:center;
    justify-content:space-between;
    direction:ltr;

}

/* Remove the default buttons margin */

.shopping-cart-widget-footer .woocommerce-mini-cart__buttons{

    margin:0;

}

/* Remove the default subtotal margin */

.shopping-cart-widget-footer .woocommerce-mini-cart__total{

    margin:0;

}

/* Style the checkout button */

.shopping-cart-widget-footer .checkout{

    display:flex;
    align-items:center;
    justify-content:center;
    width:260px !important;
    height:48px;

    padding:0 20px;

    border-radius:8px !important;

    background:#2F3A45 !important;
    color:#FFFFFF !important;

}

/* Style the subtotal price */

.shopping-cart-widget-footer .woocommerce-mini-cart__total .woocommerce-Price-amount bdi{

    color:#424750 !important;
    font-size:16px;
    font-weight:700;

}

/* Hide the default currency symbol */

.shopping-cart-widget-footer .woocommerce-Price-currencySymbol{

    font-size:0;

}

/* Display a custom currency icon */

.shopping-cart-widget-footer .woocommerce-Price-currencySymbol::after{

    content:"";

    display:inline-block;

    width:18px;
    height:18px;

    margin-right:4px;

    background:url("../images/Icon-Toman.svg") center center no-repeat;
    background-size:contain;

    vertical-align:middle;

    transform:translateY(-7px);

}

/* ==================================================
   Cart Counter
   ================================================== */

/* Style the cart counter badge */

.wd-cart-number.wd-tools-count{

    border-radius:4px !important;
    min-width:18px !important;
    height:15px !important;
    background: #D4B06A !important;
    display:flex;
    align-items:center;
    justify-content:center;

    right:16px !important;
    top:-6px !important;

    font-size:11px !important;
    font-weight:500 !important;
    line-height:1;

}

/* ==================================================
   Mini Cart Dropdown
   ================================================== */

/* Style the mini cart container */

.wd-dropdown-cart{

    background-color:#F8F8F8 !important;
    border:2px solid #E5E7EB !important;
    box-shadow:0 12px 40px rgba(0,0,0,.12) !important;
    width:500px !important;
    margin-top:6px !important;

}

/* Mini cart header */

.atriro-cart-title{

    display:flex;
    align-items:center;

    padding-bottom:16px;

    font-size:16px;
    font-weight:700;

    color:#424750;

}

/* Product count label */

.atriro-cart-title span + span{

    font-size:12px;
    font-weight:400;

    color:#9CA3AF;

}

/* Disable the dropdown when the cart is empty */

.atriro-disable-hover .wd-dropdown{

    display:none !important;

}

/* Style the product title */

.wd-dropdown-cart .wd-entities-title{

    font-size:12px !important;
    font-weight:500;
    line-height:1.6;

}