/* =========================================================
   Gaia — components.css (UI)
   ========================================================= */

   .btn-pill{
    border-radius: 999px !important;
  }
  
  .btn-dark{
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
  }
  
  .alert{
    border-radius: 1rem;
  }
  
  .chip{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(1,51,61,.08);
    border: 1px solid rgba(1,51,61,.12);
    font-size: .85rem;
  }
  
  .badge-soft{
    border-radius: 999px;
    padding: .35rem .55rem;
    font-weight: 600;
    font-size: .8rem;
    background: rgba(0,0,0,.06);
  }
  
  .table thead th{
    font-size: .92rem;
    white-space: nowrap;
  }
  .table td{
    font-size: .95rem;
  }
  
  a.link-clean{
    text-decoration: none;
  }
  a.link-clean:hover{
    text-decoration: underline;
  }
  
  /* ============================
   Cards de receita (padrão redondo)
   ============================ */
.recipe-card{
  border-radius: 1.25rem !important; /* parecido com rounded-4 */
  overflow: hidden;
  border: 0 !important;
}

.recipe-card .card-img-wrap{
  overflow: hidden;
}

.recipe-card .card-img-top{
  display:block;
}