.courier {
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

.accordion-custom-button {
	background-color: #f1f1f1;
	color: #333;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-top: 3px solid #3E4D35;
}

.ul-personalizado {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.ul-personalizado::-webkit-scrollbar {
	display: none;
}


.btn-purple {
	color: #fff;
	background-color: #8A2BE2;
	/* Cor roxa */
	border-color: #8A2BE2;
	/* Cor da borda */
}

.btn-purple:hover {
	color: #fff;
	background-color: #9400D3;
	/* Cor roxa mais escura no hover */
	border-color: #9400D3;
	/* Cor da borda no hover */
}


.btn-outline-purple {
	color: #8A2BE2;
	/* Cor roxa */
	background-color: transparent;
	border-color: #8A2BE2;
	/* Cor da borda roxa */
}

.btn-outline-purple:hover {
	color: #fff;
	background-color: #8A2BE2;
	/* Cor de fundo roxa no hover */
	border-color: #8A2BE2;
	/* Cor da borda roxa no hover */
}

.btn-purple:disabled {
	opacity: 0.65;
	pointer-events: none;
	color: #fff !important;
	background-color: #8A2BE2 !important;
	border-color: #8A2BE2 !important;
  }
  
.btn-purple:disabled:hover {
	background-color: #8A2BE2 !important;
	border-color: #8A2BE2 !important;
}

.navbar.bg-purple {
	background-color: #8A2BE2;
	/* Cor roxa */
}

.text-bg-purple {
	color: #fff;
	/* Cor do texto branco */
	background-color: #8A2BE2;
	/* Cor de fundo roxa */
}
.badge.bg-purple {
	background-color: #8A2BE2; /* Cor de fundo roxa */
  }

  .text-purple {
	color: #8A2BE2; /* Cor do texto roxo */
  }
  
  .border-purple {
	border-color: #8A2BE2;
	/* Cor da borda roxa */
}

.text-truncate2{
	display: block;
	max-height: 4.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow:hidden;
	text-overflow:ellipsis;
	position: relative;
}

.text-truncate2::after {
	content: " ...";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	background-color: rgb(255, 255, 255);	line-height: 2.0em; /* ajuste a altura da linha de texto aqui */

}

  .card {
	position: relative;
  }
  
  .cardapio-home {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: white;
	text-align: center;
	padding: 20px;
  }

  @keyframes shake {
	5% {
	  transform: rotate(-3deg);
	}	
	10% {
	  transform: rotate(-5deg);
	}  
	15% {
	  transform: rotate(-3deg);
	}  
	20% {
	  transform: rotate(0deg);
	}  
	30% {
	  transform: rotate(3deg);
	}
	35% {
	  transform: rotate(5deg);
	}	
	45% {
		transform: rotate(3deg);
	}	
	50% {
		transform: rotate(0deg);
	}
	60% {
	  transform: translate3d(4px, 0, 0) rotate(0deg);
	}
  
	70% {
	  transform: translate3d(-4px, 0, 0) rotate(-1deg);
	}
  
	80% {
	  transform: translate3d(4px, 0, 0) rotate(1deg);
	}
  
	90% {
	  transform: translate3d(-4px, 0, 0) rotate(-1deg);
	}
  
	99% {
		transform: translate3d(4px, 0, 0) rotate(1deg);
	}

	100% {
	  transform: translate3d(0px, 0, 0) rotate(0deg);
	}
  }
  .shake {
	animation: shake 1s ease-in-out;
	animation-iteration-count: 1;
  }

  .bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgb(219 129 126) !important;
}

.link-sem-sublinhado {
	text-decoration: none;
}