html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.lixeira {
    width: 35px; /* Largura desejada */
    height: 35px; /* Altura desejada */
    object-fit: contain; /* Ajusta o conteúdo dentro do contêiner, mantendo a proporção */
}

.carrinho-compra {
    width: 60px; /* Largura desejada */
    height: 60px; /* Altura desejada */
    object-fit: contain; /* Ajusta o conteúdo dentro do contêiner, mantendo a proporção */
}

.carrinho-compra-resumo {
    width: 16px; /* Largura desejada */
    height: 16px; /* Altura desejada */
    object-fit: contain; /* Ajusta o conteúdo dentro do contêiner, mantendo a proporção */
}

/* Estilo personalizado para reduzir o tamanho dos cards */
.card-small {
    width: 350px; /* Ajuste a largura conforme necessário */
    margin: 0 auto; /* Centralizar o card */
}

/* Estilo para tornar os cards mais compactos */
.card-compact {
    padding: 8px; /* Reduz o padding interno */
    margin: 5px; /* Reduz a margem externa */
}

    .card-compact .card-header,
    .card-compact .card-body {
        padding: 5px; /* Reduz o padding das seções internas */
    }

    .card-compact h3,
    .card-compact h4 {
        font-size: 1.1rem; /* Reduz o tamanho das fontes dos títulos */
        margin-bottom: 8px; /* Reduz o espaço entre os títulos e o conteúdo */
    }

    .card-compact ul.list-group-item {
        padding: 4px 8px; /* Reduz o padding dos itens da lista */
    }

.input[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.disabled-link {
    pointer-events: none; /* Desabilita os cliques */
    opacity: 0.5; /* Reduz a opacidade */
    cursor: not-allowed; /* Mostra o cursor de "não permitido" */
}

/* Card com destaque em tom de laranja */
.destaque-desconto {
    border: 3px solid #ff6600; /* Tom de laranja */
    background-color: #fff4e6; /* Fundo suave em laranja claro */
    box-shadow: 0 0 15px rgba(255, 102, 0, 0.5);
    transition: transform 0.3s;
}

    .destaque-desconto:hover {
        transform: scale(1.05); /* Leve aumento no hover */
    }

/* Animação de "pular" para a mensagem */
.destaque-mensagem {
    background-color: #ff6600; /* Fundo laranja forte */
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    animation: bounce 1.5s infinite; /* Animação infinita */
}

/* Keyframes para o efeito de pular */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/*Apresenta Combo*/
.card.apresentacombo {
    background-color: #f8f9fa; /* Cor de fundo leve */
    border-radius: 5px; /* Bordas arredondadas */
}

.card-header {
    font-weight: bold;
    font-size: 1.2em;
}

.card-body p {
    margin-bottom: 0.5rem;
    font-size: 0.9em;
}