/**
 * @file
 * Styling for the Word Counter & Text Analyzer tool.
 */

.wp-tool-form--word_counter .wp-tool-form-item--text textarea {
  font-family: inherit;
  font-size: 1.05rem;
  line-height: 1.6;
  min-height: 220px;
  background: var(--wp-tool-white, #FFFFFF);
  border: 1px solid var(--wp-tool-border, #DECDB5);
  border-radius: 6px;
  padding: 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.wp-tool-form--word_counter .wp-tool-form-item--text textarea:focus {
  border-color: var(--wp-tool-brown, #896432);
  box-shadow: 0 0 0 3px rgba(137, 100, 50, 0.15);
}

/* Word Counter Table Styles */
.wp-tool-form--word_counter .wp-tool-results__table th:nth-child(1),
.wp-tool-form--word_counter .wp-tool-results__table td:nth-child(1) {
  width: 12%;
  text-align: center;
  font-weight: 700;
  color: var(--wp-tool-tan, #A88554);
}

.wp-tool-form--word_counter .wp-tool-results__table th:nth-child(2),
.wp-tool-form--word_counter .wp-tool-results__table td:nth-child(2) {
  font-weight: 600;
  color: var(--wp-tool-text, #24211E);
}

.wp-tool-form--word_counter .wp-tool-results__table th:nth-child(3),
.wp-tool-form--word_counter .wp-tool-results__table td:nth-child(3),
.wp-tool-form--word_counter .wp-tool-results__table th:nth-child(4),
.wp-tool-form--word_counter .wp-tool-results__table td:nth-child(4) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Live indicator */
.wp-tool-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.2rem 0.55rem;
  border-radius: 12px;
  background: rgba(200, 169, 126, 0.2);
  color: var(--wp-tool-brown, #896432);
  margin-left: 0.75rem;
  vertical-align: middle;
}

.wp-tool-live-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2e7d32;
  display: inline-block;
  animation: wpLivePulse 2s infinite ease-in-out;
}

@keyframes wpLivePulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}