/* Facility Ratings Widget styles (centered, Arial, blue link) */
.fw-card{
  font-family: Arial, sans-serif;
/*
  border:1px solid #e5e7eb;
*/
  border-radius:12px;
  padding:12px;
  max-width:900px;
/*
  background:#fff;
*/
  color:#111;
  margin:0 auto;           /* center the card in its container */
  text-align:center;       /* center all text inside the widget */
}

/* Header */
.fw-head{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:8px;
  align-items:center;      /* center children horizontally */
}
.fw-title{
  font-weight:600;
  font-size:1rem;
  color:#007bff;           /* requested link color */
  text-decoration:none;
}
.fw-title:link,
.fw-title:visited{ color:#007bff; }
.fw-title:hover{ text-decoration:underline; }

/* Subtle line for last-updated */
.fw-subtle{ color:#6b7280; font-size:.9rem; }

/* Status / Errors */
.fw-status{ color:#6b7280; font-size:.9rem; margin-bottom:4px; }
.fw-error{
  background:#fee2e2;
  border:1px solid #fecaca;
  color:#7f1d1d;
  padding:8px 10px;
  border-radius:10px;
  text-align:center;       /* center error text */
}

/* Suggestions */
.fw-suggest{
  margin-top:8px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;  /* center suggestion pills */
}
.fw-pill{
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:6px 10px;
  cursor:pointer;
  background:#f9fafb;
}
.fw-pill:hover{ background:#f3f4f6; }

/* Table */
.fw-table{ width:100%; border-collapse:collapse; margin-top:4px; }
.fw-table th,.fw-table td{
  padding:10px 12px;
  border-bottom:1px solid #e5e7eb;
  text-align:center;       /* center table cells */
}
.fw-table th{ color:#6b7280; font-weight:600; }
.fw-table tr:hover td{ background:#fafafa; }

/* Spinner */
.fw-spinner{
  display:inline-block;
  width:16px; height:16px;
  border:2px solid #e5e7eb;
  border-top-color:#6366f1;
  border-radius:50%;
  vertical-align:-3px;
  animation:fwspin .9s linear infinite;
  margin-right:6px;
}
@keyframes fwspin{ to{ transform:rotate(360deg) } }

/* Dark-mode friendly */
@media (prefers-color-scheme: dark){
  .fw-card{ background:#0b0c10; color:#f5f7fb; border-color:#23262d; }
  .fw-subtle, .fw-status{ color:#9aa0aa; }
  .fw-table th,.fw-table td{ border-color:#23262d; }
  .fw-table tr:hover td{ background:#0f1116; }
  .fw-error{ background:#2a0f12; border-color:#5c1a20; color:#ffd5d8; }
  .fw-pill{ background:#12141b; border-color:#23262d; color:#f5f7fb; }
  .fw-pill:hover{ background:#0f1116; }
  .fw-spinner{ border-color:#23262d; border-top-color:#6366f1; }
  /* keep link color consistent in dark mode */
  .fw-title,
  .fw-title:link,
  .fw-title:visited{ color:#007bff; }
}