/* ==========================================================
   CENTERGY Resource Rating
   Shared by every resource card in the application.
   ========================================================== */

.resource-rate-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid #facc15;
  border-radius:10px;
  background:#fefce8;
  color:#a16207;
  cursor:pointer;
  transition:all .15s ease;
}

.resource-rate-btn:hover{
  background:#fef3c7;
  border-color:#f59e0b;
}

.resource-rate-btn.is-rated{
  background:#fbbf24;
  border-color:#d97706;
  color:#fff;
}

.resource-rating-backdrop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(15,23,42,.55);
  z-index:10020;
}

.resource-rating-backdrop.open{
  display:flex;
}

.resource-rating-modal{
  width:min(460px,100%);
  background:#fff;
  border-radius:18px;
  border:1px solid #e5e7eb;
  box-shadow:0 22px 60px rgba(15,23,42,.28);
  padding:1rem;
}

.resource-rating-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
}

.resource-rating-title{
  margin:0;
  font-size:1.1rem;
  font-weight:900;
  color:#111827;
}

.resource-rating-close{
  border:0;
  background:none;
  color:#64748b;
  font-size:1.3rem;
  cursor:pointer;
}

.resource-rating-copy{
  margin:.5rem 0 1rem;
  color:#64748b;
  font-size:.9rem;
  line-height:1.4;
}

.resource-rating-slider{
  width:100%;
  accent-color:#2563eb;
}

.resource-rating-value{
  margin-top:.55rem;
  font-weight:800;
  color:#1e3a8a;
}

.resource-rating-status{
  margin-top:.6rem;
  min-height:1.2rem;
  font-size:.82rem;
  color:#64748b;
}