@charset "UTF-8";
/* YOUR CUSTOM CSS */



/* Esconde permanentemente o widget de 'loading' do jQuery Mobile */
.ui-loader {
    display: none !important;
}

/*--thank you pop ends here--*/

/*--HOME--*/

	#div-img-fome{
		margin: 0 auto;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	#img-fome {
		max-width:250px;
		max-height:200px;
		width: auto;
		height: auto;
	}


	#footer
	{
		background-color: #00a000;
		position:relative;
		bottom:0px;
		left:0px;
		right:0px;
		height:50px;
		margin-bottom:0px;
		text-align:center;
		text-decoration: none;
		color: #ffffff;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		padding-top: 15px;

	}
	#footer:hover{
		background-color: #0E550E;
	}

	#footerr{
		background-color:rgb(224, 82, 57);
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		height:50px;
		margin-bottom:0px;
		text-align:center;
		text-decoration: none;
		color: #ffffff;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		padding-top: 15px;

	}
	#footerr:hover{
		background-color: #d9534f;
	}

	.tremer{
		animation: treme 0.1s;
		animation-iteration-count: 3;
	}

	@keyframes treme {
		0% {margin-left: 0;}
		25% {margin-left: 5px;}
		50% {margin-left: 0;}
		75% {margin-left: -5px;}
		100% {margin-left: 0;}
	}






#preloader{ background-color: #000000 !important; }
.box_style_2 h2.inner{ background-color: #000000 !important; color: #ffffff !important; }
header.sticky{ background-color: #000000 !important; }
header{ background-color: #000000 !important; }
    


	@media (min-width: 768px) {
				.omb_row-sm-offset-3 div:first-child[class*="col-"] {
					margin-left: 25%;
				}
			}

			.omb_login .omb_authTitle {
				text-align: center;
				line-height: 300%;
			}

			.omb_login .omb_socialButtons a {
				color: white; 
				opacity:0.9;
			}
			.omb_login .omb_socialButtons a:hover {
				color: white;
				opacity:1;    	
			}

			.omb_login .omb_loginOr {
				position: relative;
				font-size: 1.5em;
				color: #aaa;
				margin-top: 1em;
				margin-bottom: 1em;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
			}
			.omb_login .omb_loginOr .omb_hrOr {
				background-color: #cdcdcd;
				height: 1px;
				margin-top: 0px !important;
				margin-bottom: 0px !important;
			}
			.omb_login .omb_loginOr .omb_spanOr {
				display: block;
				position: absolute;
				left: 50%;
				top: -0.6em;
				margin-left: -1.5em;
				background-color: white;
				width: 3em;
				text-align: center;
			}			

			.omb_login .omb_loginForm .input-group.i {
				width: 2em;
			}
			.omb_login .omb_loginForm  .help-block {
				color: red;
			}


			@media (min-width: 768px) {
				.omb_login .omb_forgotPwd {
					text-align: right;
					margin-top:10px;
				}		
			}

			#whatsapp{
				position:fixed;
				width:60px;
				height:60px;
				right:10px;
				bottom:10px;
				display:block;
				z-index:1000000;
			}
			.cart-count{
				display: inline-block;
				position: absolute;
				top: 0;
				right: 0;
				background: #ff2646;
				color: #fff;
				padding: 4px 10px;
				border-radius: 100px;
				font-size: 10px;
				text-shadow: 0 1px 2px rgba(0,0,0,.1);
				box-shadow: 0 2px 4px rgba(0,0,0,.1);
				z-index: 10;
				text-align: center;
				opacity: 1;
				transition: .33s cubic-bezier(0.34, 0.13, 0.34, 1.43);
			}


			/*--thank you pop starts here--*/
			.thank-you-pop{
				width:100%;
				padding:20px;
				text-align:center;
			}
			.thank-you-pop img{
				width:76px;
				height:auto;
				margin:0 auto;
				display:block;
				margin-bottom:25px;
			}

			.thank-you-pop h1{
				font-size: 42px;
				margin-bottom: 25px;
				color:#5C5C5C;
			}
			.thank-you-pop p{
				font-size: 20px;
				margin-bottom: 27px;
				color:#5C5C5C;
			}
			.thank-you-pop h3.cupon-pop{
				font-size: 25px;
				margin-bottom: 40px;
				color:#222;
				display:inline-block;
				text-align:center;
				padding:10px 20px;
				border:2px dashed #222;
				clear:both;
				font-weight:normal;
			}
			.thank-you-pop h3.cupon-pop span{
				color:#03A9F4;
			}
			.thank-you-pop a{
				display: inline-block;
				margin: 0 auto;
				padding: 9px 20px;
				color: #fff;
				text-transform: uppercase;
				font-size: 14px;
				background-color: #8BC34A;
				border-radius: 17px;
			}
			.thank-you-pop a i{
				margin-right:5px;
				color:#fff;
			}
			#ignismyModal .modal-header{
				border:0px;
			}
			/*--thank you pop ends here--*/



			#img-head-loja{
				background-image:url(../uploads/images/2025/09/imagem-do-whatsapp-de-2025-09-08-a-s-13-04-24-9ef59dca.jpg);
				background-attachment:fixed;
				background-size:100%;
				background-repeat:no-repeat;
				background-color:#000;
				
				
			}
	

			.switch {
				position: relative;
				margin: 5px auto;
				width: 95%;
				height: 40px;
				border: 3px solid #34AF23;
				color: #ffffff;
				font-size: 15px;
				border-radius: 10px;
			}

			.quality {
				position: relative;
				display: inline-block;
				width: 50%;
				height: 100%;
				line-height: 40px;
			}
			.quality:first-child label {
				border-radius: 5px 0 0 5px;
			}
			.quality:last-child label {
				border-radius: 0 5px 5px 0;
			}
			.quality label {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				cursor: pointer;
				font-style: italic;
				text-align: center;
				transition: transform 0.4s, color 0.4s, background-color 0.4s;
			}
			.quality input[type="radio"] {
				appearance: none;
				width: 0;
				height: 0;
				opacity: 0;
			}
			.quality input[type="radio"]:focus {
				outline: 0;
				outline-offset: 0;
			}
			.quality input[type="radio"]:checked ~ label {
				background-color: #34AF23;
				color: #ffffff;
			}
			.quality input[type="radio"]:active ~ label {
				transform: scale(1.05);
			}



/* --- CORREÇÃO FINAL E FORTE PARA OPÇÕES JQUERY MOBILE --- */

/* 1. Alvo: As divs que o jQuery Mobile cria */
body .popuppedido .ui-radio,
body .popuppedido .ui-checkbox {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border: none !important;         /* Remove bordas que o jQ Mobile possa adicionar */
    background: none !important;      /* Remove fundos que o jQ Mobile possa adicionar */
    padding: 5px 0 !important;        /* Ajusta o espaçamento vertical */
    margin-bottom: 5px !important;
}

/* 2. Alvo: A label (que o jQ Mobile transforma em botão) */
body .popuppedido .ui-radio label,
body .popuppedido .ui-checkbox label {
    width: auto !important;           /* Permite que o texto fique ao lado do botão */
    margin: 0 0 0 8px !important;     /* Adiciona espaço à esquerda do texto */
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;      /* Remove sombras */
    text-shadow: none !important;     /* Remove sombras do texto */
    order: 2;                         /* Garante que o texto vem DEPOIS do botão */
}

/* 3. Alvo: O input (o botão/caixa real) */
body .popuppedido .ui-radio input,
body .popuppedido .ui-checkbox input {
    order: 1;                         /* Garante que o botão vem PRIMEIRO */
    position: static;                 /* Anula o posicionamento do jQ Mobile */
    width: auto;
    height: auto;
    opacity: 1;
}



.swal-icon--custom img {
    width: 80px;  /* Defina a largura desejada em pixels */
    height: 80px; /* Defina a altura desejada em pixels */
}






/* --- ESTILO FINAL PARA OPÇÕES DE ENTREGA (ANTI-ICHECK) --- */

/* --- ESTILO FINAL E MINIMALISTA PARA OPÇÕES DE ENTREGA (SÓ VISTO) --- */

/* 1. Adiciona espaço entre o botão "Limpar Pedido" e o bloco de opções */
#options_2 {
    margin-top: 20px;
}

/* 2. Estiliza a label (o nosso botão personalizado) */
#options_2 .radio-option-label {
    display: block;
    position: relative;
    padding: 12px 12px 12px 35px; /* Ajustado para dar espaço APENAS para o visto */
    margin-bottom: 8px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    user-select: none;
}

/* 3. Esconde o input original com máxima força */
#options_2 .radio-option-label input[type="radio"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

#options_2 .radio-option-label:hover {
    background-color: #f8f9fa;
}

/* 4. Remove o círculo exterior (o ::before) - Desativado ou Removido */
/* Este elemento não é mais necessário, então não o criamos. */

/* 5. A MÁGICA: Estilo para o texto quando selecionado */
#options_2 .radio-option-label input:checked ~ .radio-text {
    font-weight: bold;
    color: #28a745; /* Verde */
}

/* 6. Apenas MOSTRA o símbolo de visto (✔) quando selecionado, sem círculo */
#options_2 .radio-option-label input:checked ~ .radio-text::after {
    content: "✔"; /* O símbolo de visto */
    position: absolute;
    display: block;
    
    /* Posição do 'visto' onde o círculo costumava estar */
    left: 10px; /* Mais à esquerda, onde o início do círculo estava */
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px; /* Aumentei um pouco o tamanho do visto */
    font-weight: bold;
    color: #28a745; /* Verde */

    /* Remove quaisquer estilos de círculo */
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    border: none; /* Garante que não há borda */
}




/* --- GATEWAY DE PAGAMENTOS --- */

    button.mercadopago-button {
        border: none;
		float: right;
    	font-family: Verdana, Geneva, Tahoma, sans-serif;
    	color:#fff;
    	width:220px;
		height: 40px;
    	background: #41B8F3;
    	cursor: pointer;
    	padding: 5px 5px;
    	outline: none;
    	font-size: 12px;
    	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
    	transition: all 0.3s;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	text-transform:uppercase;
    	font-weight:bold;
    	display:block;
    	text-align:center;
    	margin-bottom:5px;
		margin-top: 10px;

		
		position: static;
    }
    
    button.mercadopago-button:hover{
    	background:#187eb1;
    }
    
    button.pagseguro-button {
        border: none;
    	font-family: inherit;
    	color:#fff;
    	width:100%;
    	background: #4AD17C;
    	cursor: pointer;
    	padding: 13px 20px;
    	outline: none;
    	font-size: 15px;
    	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
    	transition: all 0.3s;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	text-transform:uppercase;
    	font-weight:bold;
    	display:block;
    	text-align:center;
    	margin-bottom:5px;
    }
    
    button.pagseguro-button:hover{
    	background:#1aac4f;
    }