body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  padding-top: 56px;
}

.sidebar {
  position: fixed;
  top: 0;
  left: -250px;
  height: 100%;
  width: 250px;
  transition: left 0.3s ease;
  z-index: 1000;
}

.sidebars {
  position: fixed;
  /* top: 0; */
  height: 100%;
  width: 400px;
  /* padding: 79px 20px 20px; */
  z-index: 999;
}

.sidebar.active {
  left: 0;
}

.navbar-customer {
  padding: 8px 20px;
  z-index: 999 !important;
}

.content {
  margin-left: 0;
  padding: 20px;
}

.ml-250 {
  margin-left: 250px;
}

.search-wrapper {
  background: #f7f8f9;
  border-color: #f7f8f9;
}

.search-wrapper > .form-control {
  background-color: transparent !important;
}

.search-wrapper > .form-control > input {
  background: transparent !important;
}

.information__ > .info__ > .image-info_ {
  width: 50px;
  box-shadow: 0px 2px 4px 1px #00000047;
}

.information__ > .info__ > .endereco__ {
  font-size: 13px;
}

.information__ > ul {
  list-style: none;
  font-size: 15px;
  padding: 0 0 0 5px;
  margin: 0;
  font-weight: 600;
}

.information__ > ul > li {
  padding: 8px 8px 8px 30px;
  transition: 0.3s;
  cursor: pointer;
}

.information__ > ul > li:hover {
  transition: 0.3s;
  color: rgb(41, 216, 132);
  box-shadow: rgb(41, 216, 132) -4px 0px 0px 0px;
}

.information__ > .quality__ > .flex > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.information__ > .quality__ > .flex > ul > li {
  color: #0000009c;
  font-size: 14px;
}

.information__ > .quality__ > .flex > ul > li > .star__ {
  color: black;
  display: flex;
  align-items: center;
  gap: 5px;
}

.information__ > .quality__ > .flex > ul > .fretecustom__ {
  background-color: #e9fcf2;
}

.content-list__ {
  position: relative;
  font-size: 19px;
  display: flex;
  width: 100%;
}

.product-list__ {
  gap: 7px;
}

.product__ {
  width: 390px;
  padding: 10px;
  transition: 1s;
  cursor: pointer;
}

.product__:hover {
  transition: 1s;
  transform: scale(1.05);
}

.product-info__ {
  word-break: break-word;
  width: 300px;
}

.product-name__ {
  font-size: 17px;
}

.product-description__ {
  font-size: 14px;
  color: #0000008c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-price__ {
  font-size: 15px;
}

.product-image__ {
  width: 100px;
  padding: 3px;
  box-shadow: 0px 1px 4px 0px #0000000d;
  border-radius: 18px;
}

.category-list__ {
  width: fit-content;
  position: relative;
}

.rounded-6 {
  border-radius: 18px;
}

.img_estabelecimento {
  grid-area: brand;
  object-fit: cover;
  border-radius: 50%;
  vertical-align: middle;
  height: 36px;
  width: 36px;
  align-self: center;
}

.outline-none {
  outline: none !important;
}

.sacola__ {
  /* background-color: red !important; */
  position: relative;
  top: 0;
  right: 0;
  height: 100%;
  width: 400px;
}

.sacolas__ {
  width: 100%;
  background: white;
  box-shadow: 0 0 4px 0px #00000012;
  /* padding: 15px; */
  border-radius: 8px;
}

.sacola-items__ {
  background: #fcfcfc;
}

.text-cupom__ {
  font-size: 16px;
  font-weight: 600;
}

.text-cupom__ > span {
  font-weight: normal !important;
  font-size: 14px;
  color: #0000009c;
}

.sacola-cupom__ > .gap {
  gap: 5px;
}

.button-cupom__ > .btn {
  background: rgba(0, 0, 0, .1) !important;
  font-size: 14px;
}

.button-pedido__ > .btn {
  background-color: #e5e5e5 !important;
  font-weight: 500;
  color: #00000096;
  font-size: 14px;
}

.text-adicionar__ {
  font-size: 14px;
}

.text-pomp__ {
  font-weight: 500;
  font-size: 14px;
}

.icon-choose-delivery-arrow {
  width: 14px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.no-items__ {
  height: 200px;
}

.has-items__ {
  height: 200px;
  overflow: auto;
  gap: 8px;
}

.product-item__ {
  box-shadow: 0px 3px 5px 0px #0000000a;
}

.product-item-info__ {
  font-size: 14px;
}

.button-img__ {
  width: 73px;
}

.product-item-obs__, .product-item-description__ {
  font-size: 13px;
  color: #00000091;
}

.text-subtotal__ {
  color: #00000091;
  font-size: 15px;
}

.overlay-choose-order {
  /* background: #00000036; */
  z-index: 9999;
  /*width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none; */
}

.form-check-radio_ {
  width: 1.5em !important;
  height: 1.5em !important;
}

.form-check-radio_:checked {
  background-color: #000131 !important;
  border-color: #000131 !important;
}

.product-details-category__ {
  background: #f2f2f2;
}

.product-details-px__ {
  padding-right: 0;
  padding-left: 1.5rem;
}

.product-details-required__ {
  background: black;
  padding: 3px 8px;
  color: white;
  border-radius: 6px;
  font-size: 13px;
}

.product-checked__ {
  background:rgb(41, 216, 132) !important;
}

.category-products__ {
  height: 560px;
  overflow: auto;
}

.product-details-adicionar__ {
  padding: 12px 20px;
  font-size: 14px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}


/* .modal {
  --bs-modal-width: 600px;
} */

.modal {
  --bs-modal-width: auto !important;
  max-width: 1000px !important;
  min-width: auto !important;
  transform: translateX(-50%);
  left: 50%;
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.7 !important;
}

.modal-cupom__ {
  --bs-modal-width: 500px !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000131 !important;
  --bs-btn-border-color: #000131 !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000131 !important;
  --bs-btn-hover-border-color: #000131 !important;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000131 !important;
  --bs-btn-active-border-color: #000131 !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000131 !important;
  --bs-btn-disabled-border-color: #000131 !important;
}

::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000131;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000131;
}

@media (min-width: 768px) {
  .sidebar {
    left: 0;
  }

  .content {
    margin-left: 250px;
  }
}

@media (max-height: 1080px) {
  .sidebars {
    position: relative;
}
}
@media (max-width: 1500px) {
  .sidebars {
    position: relative;
  }
}
@media only screen and (max-width: 1120px) {
  .sacola__ {
    display: none;
    width: 100%;
  }
  .sidebars {
    position: relative;
    width: auto;
  }

  .button-open-sacola__ {
    display: block !important;
    cursor: pointer;
  }
}


@media only screen and (max-width: 600px) {
  .content {
    padding: 0;
  }

  .category-list__ {
    width: 100%;
  }

  .product__ {
    width: 100%;
  }

  .sacola__ {
    display: none;
    width: 100%;
  }
  .sidebars {
    position: relative;
    width: auto;
  }

  .mobile-modal__ {
    display: flex;
    flex-direction: column;
  }

  .product-details-px__ {
    padding-right: 0;
    padding-left: 0 !important;
  }

  .category-products__ {
      max-height: 450px;
      overflow: auto;
  }

  .product-details-info__ {
    margin-top: 10px;
  }

  .button-open-sacola__ {
    display: block !important;
    cursor: pointer;
  }

  .search-wrapper > .form-control > input {
    background: transparent !important;
    text-overflow: ellipsis;
    padding: 0 10px 0 0;
  }

  body.sidebar-active .search-wrapper > form {
    display: none !important;
  }

  .category__:last-child {
    margin-bottom: 70px !important;
  }

}

.input-quantity::-webkit-inner-spin-button, 
.input-quantity::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.input-quantity {
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center; /* Centraliza o número dentro do input */
    width: 30px; /* Defina a largura do input conforme necessário */
    border: none; /* Remove a borda do input */
    outline: none; /* Remove o contorno do input */
}

/* Estilo dos botões de adição e subtração */
.form-additional button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 10px;
}

#navbar-custom {
  margin-left: 250px; /* ou qualquer valor que ml-250 representa */
}

@media (max-width: 800px) {
  #navbar-custom {
      margin-left: 0; /* Remove a margem quando a tela é menor que 800px */
  }
}

.button-open-sacola__ {
  position: fixed;
  width: 100%;
  padding: 10px;
  bottom: 0;
  display: none;
  border: none;
}

.button-sacola__ {
  background: #000131;
  padding: 12px;
  border-radius: 50px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
}

.color-lime-green {
  color: #1fb76c !important;
}