/* ---------------------------
   Likert Table Grid
----------------------------*/
.webform-likert-table {
  border-collapse: collapse;
  width: 100%;
}

.webform-likert-table th,
.webform-likert-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}

/* Question column (left side) */
.webform-likert-table th:first-child,
.webform-likert-table td:first-child {
  text-align: left;
  font-weight: 600;
  background-color: #f9f9f9;
}

/* Header row */
.webform-likert-table thead th {
  background-color: #efefef;
  font-weight: 700;
}

/* ---------------------------
   Full-cell clickable radios
----------------------------*/
.webform-likert-table td:not(:first-child) {
  cursor: pointer;       /* show hand cursor */
  position: relative;    /* needed for radio centering */
}

.webform-likert-table input[type="radio"] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;  /* clicks handled by td */
}

/* ---------------------------
   Hover highlight for UX
----------------------------*/
.webform-likert-table td:not(:first-child):hover {
  background-color: #e0f7fa;   /* subtle highlight color */
  transition: background-color 0.2s ease; /* smooth fade */
}