/**
 * Contact Form 7 Review Form Styles
 * Star rating and form customization
 */

/* ============================================================================
   CF7 FORM WRAPPER
   ============================================================================ */

.review-form__cf7-form {
  width: 100%;
}

/* Hide CF7 default styles */
.review-form__cf7-form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 15px;
  border-radius: 6px;
  font-size: 14px;
}

.review-form__cf7-form .wpcf7-not-valid-tip {
  color: #dc2626;
  font-size: 12px;
  margin-top: 4px;
}

/* ============================================================================
   FORM INPUTS
   ============================================================================ */

.review-form__cf7-form input[type="text"]:focus,
.review-form__cf7-form input[type="email"]:focus,
.review-form__cf7-form input[type="date"]:focus,
.review-form__cf7-form select:focus,
.review-form__cf7-form textarea:focus {
  border-color: #0073b9;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 115, 185, 0.1);
}

/* ============================================================================
   STAR RATING STYLES
   ============================================================================ */

/* Hide radio inputs */
.cf7-star-rating .wpcf7-list-item {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}

.cf7-star-rating .wpcf7-list-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* Star label styling */
.cf7-star-rating .wpcf7-list-item-label {
  display: inline-block;
  padding: 4px;
  margin: 0 2px;
  transition: transform 0.1s ease, color 0.15s ease;
  border: none;
  background: transparent;
  color: #d1d5db;
  font-size: 3em;
  line-height: 1;
  cursor: pointer;
}

.cf7-star-rating .wpcf7-list-item-label:hover {
  transform: scale(1.1);
}

/* Filled star state */
.cf7-star-rating .wpcf7-list-item-label.star--filled {
  color: #01a4e8;
}

/* Selected state */
.cf7-star-rating .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
  color: #01a4e8;
}

/* Remove default CF7 list styling */
.cf7-star-rating .wpcf7-form-control-wrap {
  display: block;
}

.cf7-star-rating .wpcf7-radio {
  display: flex;
  gap: 0;
  flex-wrap: nowrap;
}


/* ============================================================================
   VALIDATION MESSAGES
   ============================================================================ */

.review-form__cf7-form .wpcf7-response-output.wpcf7-validation-errors {
  border-color: #dc2626;
  background-color: #fef2f2;
  color: #991b1b;
}

.review-form__cf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  border-color: #059669;
  background-color: #f0fdf4;
  color: #065f46;
}

.review-form__cf7-form .wpcf7-not-valid {
  border-color: #dc2626 !important;
}