/* Add this to your cart.css file */



















/**********************************************/
#cart-header {
    background-image: none;
    height: auto; /* Remove fixed height */
    padding: 0; /* Remove any additional padding */
}
.btn-danger{


    margin-right: 10%;
}




#content-section {
    padding-top: 20px; /* Add small padding to the top */
    margin-top: 0; /* Ensure no margin on top */
    min-height: calc(100vh - 100px); /* Adjust based on the header/footer height */
    max-width: 70%;
}

body, html {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

.cart-items, .cart-row, .cart-total, .btn-purchase {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
/* Existing styles from your CSS file */
.cart-items {
    display: flex;
    flex-direction: column; /* Ensure items are in separate rows */
    width: 100%;
}

/* Optional: Ensure each cart row has some padding for better visibility */
.cart-row {
    padding: 10px 0;
    border-bottom: 1px solid #ddd; /* Add a border to separate items */
}

/* Make sure the images are aligned properly */
.cart-item img {
    max-width: 100px;
    height: auto;
    margin-right: 10px;
}

/* Center text in the "תשלום" button */
.btn-purchase {
    text-align: center; /* Center the text inside the button */
    justify-content: center; /* Center the button content horizontally */
    display: flex;
    align-items: center; /* Center the text vertically */
}





@media (max-width: 768px) {
    .cart-header {
        display: none; /* Hide the headers in mobile view */
    }
    
    .cart-row {
        flex-direction: column; /* Stack items vertically */
    }

    .cart-item,
    .cart-price,
    .cart-quantity {
        width: 100%; /* Make each item take full width */
        margin-bottom: 10px; /* Add some space between items */
    }
}

.cart-item-title{
    margin-right: 5%;
}


.cart-row {
  direction: rtl;
}


.cart-total{

      flex-direction: row-reverse;
      
}

/* מובייל */
@media (max-width: 768px) {

    .cart-header {
        display: none;
    }

    .cart-row {
        flex-direction: column;
        align-items: stretch;
        padding: 15px 0;
    }

    /* אזור פריט (תמונה + טקסט) */
    .cart-item {
        order: 1;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 90px; /* גובה אחיד לכל שורה */
    }

    /* תמונה בגודל אחיד */
    .cart-item img {
        width: 70px;
        height: 70px;
        object-fit: cover; /* חיתוך יפה */
        border-radius: 6px;
    }

    /* שם מוצר */
    .cart-item-title {
        font-size: 16px;
        line-height: 1.3;
        flex: 1;
        word-break: break-word;
    }

    .cart-quantity {
        order: 2;
        width: 100%;
        margin: 10px 0;
    }

    .cart-price {
        order: 3;
        width: 100%;
        font-weight: bold;
    }

}
@media only screen and (max-width: 800px) {

  .toggle-button {
      display: block;
      margin-left: auto;   /* במקום margin-right */
      margin-right: 0;
  }

  .nav-links {
      display: none;
      flex-direction: column;
      background-color: #333;
      position: absolute;
      top: 50px;
      right: 0;        /* במקום left */
      left: auto;      /* חשוב להוסיף */
      width: 100%;
      z-index: 1000;
  }

  .nav-links.active {
      display: flex;
  }

  .nav-links li {
      margin: 10px 0;
      text-align: center;
  }
}