/* ALTERADO: CSS do Crowdfund/Donors movido dos Blade para arquivo global.
   Origem:
   - resources/views/includes/updates.blade.php
   - resources/views/includes/modal-donors.blade.php
   - resources/views/includes/partials/donors-list.blade.php
*/

/* ===== Crowdfund Progress ===== */

/* ALTERADO: cor padrão alinhada com o roxo do tema (fallback seguro) */
:root {
  --crowdfund-accent: #6f42c1; /* ALTERADO */
}

.progress-container-donate {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .08); /* ALTERADO */
  border-radius: 16px;                 /* ALTERADO */
  padding: 14px;                       /* ALTERADO */
  background: #fff;                    /* ALTERADO */
}

/* ALTERADO: cabeçalho agora é só texto (não contém mais a barra) */
.crowdfund-progress-head {
  display: flex;
  align-items: center;                 /* ALTERADO */
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;                 /* ALTERADO */
  font-weight: 700;                    /* ALTERADO */
  font-size: 12px;
  color: #111;
}

/* ALTERADO: blocos esquerdo/direito do cabeçalho */
.crowdfund-progress-left,
.crowdfund-progress-right {
  display: flex;                       /* ALTERADO */
  align-items: center;                 /* ALTERADO */
  min-width: 0;
}

.crowdfund-progress-right {
  gap: 8px;                            /* ALTERADO */
}

.crowdfund-progress-left .bi {
  opacity: .85;                        /* ALTERADO */
}

/* ALTERADO: barra real volta a existir */
.progress-container-donate .progress {
  height: 12px;                        /* ALTERADO */
  border-radius: 999px;
  background: rgba(111, 66, 193, .14); /* ALTERADO */
  overflow: hidden;                    /* ALTERADO */
  margin: 0;                           /* ALTERADO */
}

.progress-container-donate .progress .progress-bar-custom.crowdfund-progress-fill {
  height: 100%;
  border-radius: 999px;
  background: var(--crowdfund-accent); /* ALTERADO */
  width: 0%;
  transition: width .6s ease;
}

.goal-amount,
.raised-amount,
.current-amount {
  white-space: nowrap;
}

/* ALTERADO: botão voltar a ficar com cara de botão (na sua imagem ele ficou “apagado”) */
.btn-donate {
  background: var(--crowdfund-accent); /* ALTERADO */
  border-color: var(--crowdfund-accent); /* ALTERADO */
  color: #fff !important;              /* ALTERADO */
}

.btn-donate:hover {
  filter: brightness(.96);             /* ALTERADO */
  color: #fff !important;              /* ALTERADO */
}

.btn-donate:disabled,
.btn-donate.disabled {
  opacity: .65;                        /* ALTERADO */
  cursor: not-allowed;                 /* ALTERADO */
}

/* ===== Donors Modal Scroll ===== */
.donors-scroll {
  max-height: 60vh;
  overflow: auto;
}

/* ===== Donors List (Cards) ===== */
.donors-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.donor-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 12px;
  background: #fff;
}

.donor-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  overflow: hidden;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .04);
}

.donor-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.donor-avatar-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, .45);
  font-size: 18px;
}

.donor-content {
  flex: 1;
  min-width: 0;
}

.donor-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

.donor-name {
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.donor-verified {
  color: #00b894;
  font-size: 14px;
}

.donor-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
  color: rgba(0, 0, 0, .7);
  font-size: 12px;
}

.donor-amount {
  font-weight: 700;
  color: #111;
}

.donor-sep {
  opacity: .6;
}