/*MINI_CART*/
.elementor-menu-cart__main{
    text-transform: uppercase !important;
}
.elementor-menu-cart__footer-buttons{
    bottom: 30px !important;
    padding-left: 25px;
    padding-right: 25px;
}

.mini-cart-total {
    border-top: 0.5px solid #979797;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    /*position: absolute;*/
margin-bottom: 0px;

max-width: 100%;
left: 0px;
right: 0px;
margin: 0px 30px;

text-align: var(--menu-cart-subtotal-text-align,center);
color: var(--menu-cart-subtotal-color,inherit);
padding-bottom: var(--product-divider-gap,20px);
padding-top: var(--product-divider-gap,20px);
}

.elementor-menu-cart__footer-buttons {
    display: flex !important; 
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.elementor-menu-cart__footer-buttons a {
    border-radius: 12px !important;
    width: 48%;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -ms-border-radius: 12px !important;
    -o-border-radius: 12px !important;
}

.elementor-menu-cart__footer-buttons a:first-of-type {
    text-align: center;
}

.elementor-menu-cart__footer-buttons a:nth-of-type(2) {
    text-align: center;
}

.minicart_tume_nupp{ background-color: #949494 !important; 
    font-size: 14px!important;
    border-radius: 12px !important; 
    padding:10px 17px;
    line-height: 14px !important;
    border:none !important;
    margin-left:30px;
}
@media only screen and (max-width: 767px) {
.minicart_tume_nupp {
    margin-left:0px;
}
}

.minicart_tume_nupp:hover{
    background-color:#D3D3D3 !important;
}




.minicart_input2::placeholder {
    color: #ABABAB;
    opacity: 1; /* Optional: Adjusts the opacity of the placeholder text */
}
.minicart_input2{
    width: auto;
    background-color: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 4px;
    padding:9px 20px;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.47px;
    line-height: 14px;
    text-align: left;
}
.soodus_kood{
    margin-top: 20px;
    margin-bottom: 20px;
}
.rida
{ 
margin-left:20px;
margin-right: 20px;
color: #4D4D4D;
  font-size: 16px;
  letter-spacing: 0.53px;
  line-height: 19px;
  text-align: left;

}
.rida >.summa {
    float:right;
    color: #E96868;
    font-size: 16px;
    letter-spacing: 0.53px;
    line-height: 19px;
}
.tarne_summa{
    color: #4D4D4D !important;
}
.minicart_kokku{
    margin-top:8px;
    color: #000000;
    font-family: Poppins;
    font-size: 20px;
    letter-spacing: 0.67px;
    line-height: 24px;
}
.minicart_kokku > .amount{
    color: #000000;
    font-family: Poppins;
    font-size: 20px;
    letter-spacing: 0.67px;
    line-height: 24px;
    float:right;
}

.elementor-button--checkout{
    cursor: pointer;
}

.minicart-quantity{
    border: 1px solid #D5D5D5 !important;
    border-radius:3px ;
    -webkit-border-radius:3px ;
    -moz-border-radius:3px ;
    -ms-border-radius:3px ;
    -o-border-radius:3px ;
    padding: 3px;
}


.mini-cart-minus-button,.mini-cart-plus-button{
    padding-bottom: 0px !important;
    border: none;
    border-radius:0px !important ;
    background-color: #fff !important;
    color: #2D2D2D !important;
    -webkit-border-radius:0px !important ;
    -moz-border-radius:0px !important ;
    -ms-border-radius:0px !important ;
    -o-border-radius:0px !important ;
}
.mini-cart-minus-button{
    border-right: 0px !important;
}
.mini-cart-plus-button{
    border-left: 0px !important;
}
.mini-cart-quantity-input:focus {
    outline: none;
    box-shadow: none;
}
.mini-cart-quantity-input{
    border: none;
   background-color: #fff !important;
    width: 30px;
    margin:0px;
    text-align: center;
    color: #2D2D2D;
  font-size: 16px;
  letter-spacing: 0.53px;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-left:-8px;
margin-right: -8px;
border-left: 0px !important;
border-right: 0px;
}
.mini-cart-quantity-input {
    padding: 0 !important; /* Remove internal padding */
    margin: 0 !important; /* Remove external margin */
    box-sizing: border-box; /* Ensure consistent sizing */
    height: 30px; /* Set a consistent height */
    line-height: 30px; /* Vertically center text */
    display: inline-block; /* Ensure the input stays inline */
    vertical-align: middle; /* Align with surrounding elements */
    -webkit-appearance: none; /* Safari/Chrome */
    -moz-appearance: textfield; /* Firefox */
    appearance: none; /* General */
    background-color: transparent !important;
}
.mini-cart-quantity-input::-webkit-inner-spin-button,
.mini-cart-quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.quantity > .amount{
    color: #4D4D4D !important;
    font-size: 16px !important;
    letter-spacing: 0.53px;
    line-height: 19px !important;
}
.tais_hind{
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #4D4D4D;
    color: #4D4D4D !important;
    font-size: 16px;
    letter-spacing: 0.53px;
    line-height: 19px;
}
.quantity > .tais_hind .woocommerce-Price-amount,.quantity >.tais_hind .woocommerce-Price-currencySymbol{
    color: #8C8C8C !important;
}
.hind{
    padding-top: 5px;
    flex-direction: column; /* Arrange children vertically */
    align-items: flex-start; /* Align to the start (left) */
    position: absolute;
right: 0px;
bottom: 50px;
}
.tais_hind {
    margin-bottom: 20px; /* Add spacing below */
}
.hind .amount{
    color: #4D4D4D !important;

}


.cart_pealkiri{ 
    z-index: 9;
    background-color: #fff;
    color: #4D4D4D !important;
    font-size: 20px !important;
    letter-spacing: 0.67px !important;
    line-height: 24px !important;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 92% !important;
}
.elementor-menu-cart__close-button {
height: 14px !important;
}
.elementor-menu-cart__product-price{
    padding-bottom: 22.5px !important;
}


.vana_hind > .woocommerce-Price-amount,.vana_hind> .amount, .hind > del,.woocommerce-mini-cart  .product-price del{
    color:#8C8C8C !important;
}

.vana_hind{
    position: absolute;
    bottom: 20px;
}
.uus_hind > .woocommerce-Price-amount,.uus_hind > .amount{
    color:#E96868 !important;
}
.elementor-menu-cart__product-remove{
    margin-top: 15px;
}


.elementor-menu-cart__close-button:after, .elementor-menu-cart__close-button:before{
    height: 2px !important;
    width: 80% !important;
    top: 70% !important;
}





.elementor-menu-cart__products {
   /* max-height: calc(100vh - 400px) !important; /* Adjusts the max height */
    overflow-y: auto !important; /* Enables vertical scrolling */
    scroll-behavior: smooth !important; /* Smooth scrolling */
    width: calc(100% + 15px) !important;
    padding-right: 15px;
}

/* Show the scrollbar */
.elementor-menu-cart__products::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
    margin-left: 10px;
}

.elementor-menu-cart__products::-webkit-scrollbar-thumb {
    background: #888; /* Scrollbar color */
    border-radius: 4px; /* Rounded scrollbar edges */
}

.elementor-menu-cart__products::-webkit-scrollbar-thumb:hover {
    background: #555; /* Scrollbar color on hover */
}



.kinkekaardirida_mini_cart{
    padding-top:5px;
}

.soodus_kood_input,
.kinkekaardi_kood_input {
    display: flex; /* Use flexbox for layout */
    align-items: center; /* Center items vertically */
    gap: 10px; /* Add space between input and button */
    max-width: 100%;
}

.minicart_input2 {
    flex: 1; /* Allow the input to take up remaining space */
    max-width: 70%; /* Optional: Adjust the input width on smaller screens */
}

.minicart_tume_nupp {
    flex-shrink: 0; /* Prevent the button from shrinking */
    padding: 10px 15px; /* Adjust padding for better touch usability */
}
#soodus_kood_message,#skinkekaardi_kood_message{
    text-align: left;
    text-transform:initial;
    font-size: 16px;
    margin-top: 0px;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
    background-color:#949494 !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
    background-color: #D3D3D3 !important;
    }
@media screen and (max-width: 1520px) and (min-width: 1025px) {
    #soodus_kood_message,#skinkekaardi_kood_message{
        font-size: 14px;
    }
    .elementor-menu-cart__product a{
        font-size: 14px !important;
        }
.mini-cart-total {
    font-size: 16px !important;;
}
.minicart_tume_nupp{ background-color: #949494 !important; 
    font-size: 12px!important;
}
.minicart_input2{
    font-size: 12px !important;;
}
.rida
{ 
  font-size: 14px !important;;
}
.rida >.summa { 
    font-size: 14px !important;;
}
.minicart_kokku{
    font-size: 18px !important;;
}
.minicart_kokku > .amount{
    font-size: 18px !important;;
}
.mini-cart-quantity-input{
  font-size: 14px !important;;
}
.quantity > .amount{
    font-size: 14px !important;
}
.tais_hind{
    font-size: 14px !important;;

}
    .cart_pealkiri{ 
    font-size: 18px !important;
}
}
@media only screen and (max-width: 768px) {
    .hind{
        padding-bottom: 10px !important;
    }
    .elementor-menu-cart__product-remove{
        margin-top: 5px !important;
    }
.mini-cart-total{
    background-color: #fff;
z-index: 9;
}
.vana_hind{
    height: 10px;
}
    }


    /* Ensure the parent container takes up the full height */
.widget_shopping_cart_content {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important; /* Full viewport height */
}

/* Make the products section take up the remaining space */
.elementor-menu-cart__products {
    flex: 1 !important; /* This will make it take up the remaining space */
    overflow-y: auto !important; /* Add scroll if content overflows */
}

/* Set the height for the mini-cart-total and footer buttons */
.mini-cart-total, .elementor-menu-cart__footer-buttons {
    flex-shrink: 0 !important;/* Prevent shrinking */
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* Add 100px to the height of the footer buttons */
.elementor-menu-cart__footer-buttons {
    height: calc(100px + auto) !important; /* Adjust as needed */
    position: relative !important;
    margin-bottom: 40px !important;
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 40px)) !important; /* Add bottom padding for the safe area */
    width: 100% !important;
    top:0px !important;
    padding-left:20px !important;
    padding-right: 20px !important;
}

