.title-detail {
    font-size: 25px !important;
}

.bgheart {
  background-color: #df0024 !important;
}
.bginstagram {
  background-color: #C83A6C !important;
}

.btn_cupom{
    border: 2px dotted #33aef2 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #33aef2 !important;
    padding: 0 20px 0 20px !important;
    font-size: 14px !important;
    height: 47px !important;
    line-height: 47px !important;
    font-weight: 700 !important;
    font-family: "Quicksand", sans-serif !important;

}
.btn_cupom:hover{
    background: #fff !important;
}

/* Tooltip container */
.tooltip2 {
    position: relative;
    display: inline-block;

}

.tooltip2 .tooltiptext2 {
    font-size: 12px !important;
    line-height: normal !important;
    visibility: hidden;
    position: absolute;
    width: 130px;
    background-color: #33aef2;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip2:hover .tooltiptext2 {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #33aef2 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #33aef2 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #33aef2 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #33aef2;
}

.tooltipBlack {
    background: #000000 !important;
}
.tooltipBlack::after{
    border-color: #000000 transparent transparent transparent;
}

/* Ajustes exclusivos para tooltip do botão Compartilhar */
.tooltiptext2.tooltip-compartilhar {
    width: 90px !important;
    background-color: #33aef2 !important;
}

.tooltiptext2.tooltip-compartilhar.tooltip-top {
    left: 90%;
}

.tooltiptext2.tooltip-compartilhar.tooltipBlack{
    background: #33aef2 !important;
}
.tooltiptext2.tooltip-compartilhar.tooltipBlack::after{
    border-color: #33aef2 transparent transparent transparent !important;
}

/* Aplica a cor verde ao tooltip normal com sucesso OU ao tooltip de compartilhamento com sucesso */
.tooltiptext2.tooltip-success,
.tooltiptext2.tooltip-compartilhar.tooltip-success {
    background-color: #81B13D !important;
    color: #fff !important;
}

.tooltiptext2.tooltip-success::after,
.tooltiptext2.tooltip-compartilhar.tooltip-success::after {
    border-color: #81B13D transparent transparent transparent !important;
}

.tooltip_width_auto {
    width: auto !important;
    padding: 5px 15px !important;
}

.badge {
 margin-right: 10px;
 font-size: 0.90em !important;
}

.badge-info {
    background-color: #17a2b8; /* ou ajuste para uma cor mais forte */
    color: #fff;
}
.badge-info a {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
}

.selects_promocao .select2-container {
    max-width: 400px !important;
    width: 100% !important;
}

.btn-cancelar {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 40px;
    color: #ffffff;
    border: none;
    background-color: #6c757d; /* Cinza padrão para "cancelar" */
    border: 1px solid #5a6268;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.btn-cancelar:hover {
    background-color: #5a6268;
}

.btn-acao-tabela {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 5px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.btn-acao-ver {
  background-color: #3498db; /* azul */
}

.btn-acao-editar {
  background-color: #f39c12; /* laranja */
}

.btn-acao-excluir {
  background-color: #e74c3c; /* vermelho */
}

.btn-acao-tabela:hover {
  opacity: 0.8;
  color: #ffffff;
}

td.acoes {
  width: 110px; /* Ajuste conforme o tamanho final dos botões */
  white-space: nowrap;
}

td.preco {
  width: 120px; /* ou maior se tiver preços longos */
  white-space: nowrap;
}

/* Botões de ação na tabela de promoções */
.btn-acao-tabela {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 14px;
    margin-right: 4px;
    border-radius: 50%;
    color: #fff;
    background-color: #6c757d; /* cinza padrão */
    transition: background-color 0.3s ease;
}

.btn-acao-tabela i {
    pointer-events: none;
}

.btn-acao-ver {
    background-color: #17a2b8; /* azul */
}

.btn-acao-editar {
    background-color: #ffc107 !important; /* amarelo */
}

.btn-acao-excluir {
    background-color: #dc3545; /* vermelho */
}

.btn-acao-tabela:hover {
    opacity: 0.8;
}

/* Fixar largura das colunas Preço e Ações */
th.preco, td.preco {
    width: 100px;
    text-align: center;
}

th.acoes, td.acoes {
    width: 120px;
    text-align: center;
}

/* Ajuste para o badge de resultado estilo phpMyAdmin */
.text-success {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.form-check-input {
    width: 1rem;
    height: 1rem;
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tabela-promocoes.table-hover>tbody>tr:hover {
    background-color: #d0f6fff7 !important;
    color: #254f74 !important
}

.btn-excluir {
    color: #fff !important;
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
}

.btn-excluir:hover {
    color: #fff !important;
    background-color: #a52834 !important; /* um tom mais escuro no hover */
    border-color: #962430 !important;
}

.btn-desativar {
    color: #fff !important;
    background-color: #e69500 !important; /* laranja queimado */
    border-color: #cc8600 !important;
}
.btn-desativar:hover {
    color: #fff !important;
    background-color: #cc8600 !important; /* um tom mais escuro */
    border-color: #b37600 !important;
}
.btn-primary-custom {
    color: #fff !important;
    background-color: #33AEF2 !important;
    border-color: #33AEF2 !important;
}
.btn-primary-custom:hover {
    color: #fff !important;
    background-color: #1f90d1 !important; /* tom mais escuro para hover */
    border-color: #1a7fb8 !important;
}
.btn-cinza {
    color: #fff !important;
    background-color: #6c757d !important; /* cinza médio clássico */
    border-color: #6c757d !important;
}
.btn-cinza:hover {
    color: #fff !important;
    background-color: #5a6268 !important; /* um tom mais escuro no hover */
    border-color: #545b62 !important;
}
.btn-verde01 {
    color: #fff !important;
    background-color: #198754 !important; /* verde Bootstrap padrão */
    border-color: #198754 !important;
}

.btn-verde01:hover {
    color: #fff !important;
    background-color: #157347 !important; /* um tom mais escuro no hover */
    border-color: #146c43 !important;
}
.btn-ativar {
    color: #fff !important;
    background-color: #28a745 !important; /* verde sucesso */
    border-color: #28a745 !important;
}

.btn-ativar:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}
.btn-link-encurtado {
    background-color: #6f42c1 !important; /* tom roxo */
    border-color: #6f42c1 !important;
    color: #fff !important;
}

.btn-link-encurtado:hover {
    background-color: #5a32a3 !important; /* roxo um pouco mais escuro */
    border-color: #5a32a3 !important;
    color: #fff !important;
}
.btn-excluir-foto {
    background-color: #dc3545 !important; /* vermelho */
    color: #fff !important;
    border: none;
}

.btn-excluir-foto:hover {
    background-color: #bb2d3b !important;
}

.btn-favorito-foto {
    background-color: #ffc107 !important; /* amarelo ouro */
    color: #212529 !important;
    border: none;
}

.btn-favorito-foto:hover {
    background-color: #e0a800 !important;
}

.btn-amarelo01 {
    background-color: #ffc107 !important; /* Amarelo-dourado */
    border-color: #e0a800 !important;
    color: #212529 !important;
}

.btn-amarelo01:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: #212529 !important;
}

.btn-azul-escuro {
    display: inline-block !important;
    background-color: #0056af !important;
    color: #fff;

}

.btn-azul-escuro:hover {
    background-color: #004a99 !important;
    color: #fff !important;
}

.painel-acoes-botoes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.painel-acoes-botoes .btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    white-space: nowrap;
}

.btn-texto-aviso {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    margin-left: 10px;
    font-weight: 500;
    border: 1px solid;
}
.btn-acao-ativar {
    color: #28a745; /* verde ativar */
}
.btn-acao-ativar:hover {
    color: #218838;
}

.btn-acao-desativar {
    color: #dc3545; /* vermelho desativar */
}
.btn-acao-desativar:hover {
    color: #c82333;
}

.btnAdd_mr25 {
    margin-right: 25px;
    margin-bottom: 5px;
}
@media (min-width: 1200px) and (max-width: 1285px),
       (min-width: 768px) and (max-width: 994px),
       (min-width: 1410px) and (max-width: 1480px) {
  .btnAdd_mr25 {
    margin-right: 8px;
    margin-bottom: 5px;
  }
}

.short-desc h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
}

.short-desc p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #555;
    font-size: 14px !important;
    font-family: "Lato", sans-serif;
}

.short-desc ul {
    margin-left: 20px;
    margin-bottom: 20px;
    list-style-type: disc;
    color: #444;
    font-size: 15px;
}

.short-desc li {
    margin-bottom: 8px;
}


.botao-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.botao-flex-wrap .btn {
  flex: 1 1 auto;
  min-width: 140px;
}

@media (max-width: 576px) {
  .botao-flex-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .botao-flex-wrap .btn {
    width: 100%;
    margin-top:10px;
  }
}
.header_menu_icons {
    margin-bottom: -4px;
    width: 21px !important;
}

.btn-tutuba-pesquisar {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  padding: 1px 10px !important;
  border: none !important;
}
.btn-tutuba-pesquisar:hover{
    background: none !important;
}

.btn-tutuba-pesquisar img {
  width: 45px;  /* ajuste o tamanho */
  height: 45px;
  display: block;
}