/* cart.css   */

.cart-add-filtered {
  border: 1px solid #ccc;
  padding: 2px;
  width: 34px;
  cursor: pointer;
  background-color: #3498db;
  color: #c2d9f1;
  text-align: center
}

.cart-add-open {
  border: 1px solid #ccc;
  padding: 2px;
  width: 34px;
  cursor: pointer;
  background-color: #609512;
  color: #c2d9f1;
  text-align: center
}


.cart-add-filtered:hover {
  transform: scale(1.01);
  background-color: #2980b9;
  transition: all 0.3s ease;
}

.cart-add-open:hover {
  transform: scale(1.01);
  background-color: #43680d;
  transition: all 0.3s ease;
}




#cart-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 3000; /* чтобы было выше, чем у .user-menu */
    position: relative;

}

.cart-b {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 3000; /* чтобы было выше, чем у .user-menu */
    position: relative;

    display: inline-block;
    margin-left: auto;
    margin-right: 10px;

}


.cart-count-badge {
   color: white;
   z-index: 3000;
   margin-left: -12px;
}


.cart-content {
  
  padding: 90px 0px;         /* Можно уменьшить отступ */
  border-radius: 8px;
  /* max-height здесь не нужен, убираем или ставим выше */
  max-height: 88%;       /* допустим, оставляем ограничение */
  display: flex;
  flex-direction: column; /* чтобы внутренние блоки шли вертикально */
}

/* Верхняя панель без прокрутки */
.cart-header-panel {
  /* фиксированной высоты не обязательно, 
     главное, что мы не делаем overflow-y: auto */
background: #86559c;
padding: 10px;
}


.cart-table-container {
   margin-top: 20px;
}


/* Область прокрутки для таблицы */
.cart-table-wrapper {
  flex: 1;                /* растягиваем на оставшееся место */
  overflow-y: auto;       /* вот здесь прокрутка */
}

.cart-table-wrapper table thead th {
  position: sticky;
  top: 0;
  background: #608584; /* или другой цвет */
  z-index: 2;          /* чтобы было поверх строк */
}



.cart-remove {
  border: 1px solid #ccc;
  padding: 2px;
  width: 34px;
  cursor: pointer;
  background-color: #3498db;
  color: #c2d9f1;
  text-align: center
}

.cart-remove:hover {
  transform: scale(1.01);
  background-color: #2980b9;
  transition: all 0.3s ease;
}

.cart-cc {
  border: 1px solid #ccc;
  padding: 2px;
  width: 34px;
  cursor: pointer;
  background-color: #3498db;
  color: #c2d9f1;
  text-align: center
}

.cart-cc:hover {
  transform: scale(1.01);
  background-color: #2980b9;
  transition: all 0.3s ease;
}

.in-cart td,
.in-cart td * {
  background-color: #9db67a;
}