.animal-card {
    border-radius: 1rem;
    border: 1px solid rgba(13, 92, 151, 0.1);
    transition: all 0.3s ease;
    background: linear-gradient(180deg, var(--glass-bg), rgba(255, 255, 255, .64));
}

.animal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(3, 30, 66, 0.15);
}

.animal-foto-container {
    text-align: center;
    margin-bottom: 1rem;
}

.animal-foto {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--cria-orange);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.animal-info {
    border-left: 3px solid var(--cria-orange);
    padding-left: 1rem;
}

.btn-sm {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* Destaque visual para a seção "Meus" */
.card .fa-user-check {
    color: var(--bs-success);
}

.card .fa-user-plus {
    color: var(--bs-primary);
}

.badge.bg-success {
    background: linear-gradient(135deg, var(--bs-success), #198754) !important;
}

.badge.bg-primary {
    background: linear-gradient(135deg, var(--bs-primary), #0d6efd) !important;
}

/* Remover informação de responsável na seção "Cadastrados por Mim" */
#listaAnimaisCadastradosPorMim .animal-responsavel {
    display: none;
}

#listaAnimaisCadastradosPorMim .animal-cadastrado-por {
    margin-bottom: 1rem;
}

.status-segment .btn+.btn {
    margin-left: .25rem;
}


.status-adocao, .status-desaparecido, .status-falecimento{
  border-left: 3px solid var(--cria-orange);
    padding-left: .75rem;
}



.status-animal { margin-bottom: .75rem; } /* descola do "Editar" */

/* Estilos para os botões selecionados */
.status-segment .btn-check:checked + .btn {
    background-color: var(--cria-primary, #0d6efd);
    border-color: var(--cria-primary, #0d6efd);
    color: white;
}

.status-segment .btn-check:checked + .btn:hover {
    background-color: var(--cria-primary-dark, #0b5ed7);
    border-color: var(--cria-primary-dark, #0b5ed7);
}

.status-adocao .form-check-input:checked {
    background-color: var(--cria-primary, #0d6efd);
    border-color: var(--cria-primary, #0d6efd);
}

.status-adocao .form-check-label {
    cursor: pointer;
    user-select: none;
}

/* Subopções de Adoção com a mesma cor e tipografia das "características" */
.status-animal [data-adocao-opts] .form-check-label{
  font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial);
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.4;
  letter-spacing: .2px;
  text-transform: none;
  color: var(--bs-secondary-color, #6c757d); /* fallback p/ Bootstrap < 5.3 */
}

/* Mantém a mesma cor quando marcado, em foco ou hover */
.status-animal [data-adocao-opts] .form-check-input:checked + .form-check-label,
.status-animal [data-adocao-opts] .form-check-input:focus + .form-check-label,
.status-animal [data-adocao-opts] .form-check-label:hover{
  color: var(--bs-secondary-color, #6c757d);
}


/* Transição suave como no botão Editar */
.status-segment .btn{
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

/* HOVER quando NÃO está selecionado (igual btn-outline-primary:hover do Editar) */
.status-segment .btn-check:not(:checked) + .btn:hover,
.status-segment .btn-check:not(:checked) + .btn:focus-visible{
  background-color: var(--cria-primary, #0d6efd);
  border-color: var(--cria-primary, #0d6efd);
  color: #fff;
}

/* Mantém o comportamento quando JÁ está selecionado */
.status-segment .btn-check:checked + .btn{
  background-color: var(--cria-primary, #0d6efd);
  border-color: var(--cria-primary, #0d6efd);
  color: #fff;
}
.status-segment .btn-check:checked + .btn:hover,
.status-segment .btn-check:checked + .btn:focus-visible{
  background-color: var(--cria-primary-dark, #0b5ed7);
  border-color: var(--cria-primary-dark, #0b5ed7);
  color: #fff;
}



/* Animação suave para as subopções de Adoção */
.status-anocao, /* proteção caso haja typo */
.status-adocao { will-change: height, opacity; }
/* Slide suave e estável para as subopções de Adoção */
[data-adocao-opts]{
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .28s ease, opacity .28s ease;
}
[data-adocao-opts].is-open{
  max-height: 400px; /* ou ajuste conforme conteúdo */
  opacity: 1;
}




/* Modal Doar & Interessados – reforça o Cancelar (menos transparente, mais legível) */
#modalDoarTutor .btn-secondary,
#modalAdocaoInteressados .btn-secondary{
  background-color: #384d5e !important;  /* cor sólida */
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 18px;
}

#modalDoarTutor .btn-secondary:hover,
#modalDoarTutor .btn-secondary:focus,
#modalAdocaoInteressados .btn-secondary:hover,
#modalAdocaoInteressados .btn-secondary:focus{
  background-color: #445c70 !important;  /* tom mais escuro no hover/focus */
  border: none !important;
  color: #fff !important;
}

#modalDoarTutor .btn-secondary:active,
#modalAdocaoInteressados .btn-secondary:active{
  background-color: #565e64 !important;
  border: none !important;
}

#modalDoarTutor .btn-secondary:focus-visible,
#modalAdocaoInteressados .btn-secondary:focus-visible{
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.35); /* anel de foco suave */
}