/*
Theme Name: Medicross Child
Template: medicross
Version: 1.0
*/




.success-message {
  background-color: #e6ffed;
  border-left: 5px solid #28a745;
  padding: 15px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #155724;
  font-size: 1.1rem;
}
.customer-feedback-form {
  max-width: 600px;
  margin: auto;
  font-family: Arial, sans-serif;
}

.customer-feedback-form label {
  display: block;
  margin: 12px 0 4px;
  font-weight: bold;
}

.customer-feedback-form input[type="text"],
.customer-feedback-form input[type="email"],
.customer-feedback-form input[type="date"],
.customer-feedback-form select,
.customer-feedback-form textarea {
  width: 100%;
  padding: 1px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 10px;
}

.customer-feedback-form textarea {
  height: 70px;
}



.customer-feedback-form input[type="submit"] {
  background: #0073aa;
  color: #fff;
  padding: 4px 13px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}

.customer-feedback-form input[type="submit"]:hover {
  background: #005f8d;
}
.customer-feedback-form {
  max-width: 600px;
  margin: auto;
  font-family: Arial, sans-serif;
  padding-bottom: 150px; /* adds space inside the form */
  margin-bottom: 150px;  /* adds space outside the form */
}

/*
Theme Name: Medicross Child
Template: medicross
Version: 1.0
*/

/* Success message */
.success-message {
  background-color: #e6ffed;
  border-left: 5px solid #28a745;
  padding: 15px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #155724;
  font-size: 1.1rem;
}

/* Form container */
.customer-feedback-form {
  max-width: 600px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
  padding: 20px;
  background: transparent;
  padding-bottom: 150px; /* space inside the form */
}

/* Labels */
.customer-feedback-form label,
.customer-feedback-form legend {
  display: block;
  margin: 12px 0 4px;
  font-weight: bold;
  color: #0b2540;
}

/* Inputs / selects / textarea */
.customer-feedback-form input[type="text"],
.customer-feedback-form input[type="email"],
.customer-feedback-form input[type="date"],
.customer-feedback-form select,
.customer-feedback-form textarea {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

/* textarea height */
.customer-feedback-form textarea {
  height: 100px;
  resize: vertical;
}

/* submit button */
.customer-feedback-form input[type="submit"] {
  background: #0073aa;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}
.customer-feedback-form input[type="submit"]:hover {
  background: #005f8d;
}

/* ------- STAR RATING (reliable left -> right) ------- */

/* container */
.star-rating {
  display: flex !important;
  flex-direction: row !important; /* force left-to-right */
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px;
  user-select: none;
}

/* hide radios visually but keep them accessible */
.star-rating input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* stars (labels) */
.star-rating label {
  font-size: 22px;
  color: #cfcfcf; /* inactive */
  cursor: pointer;
  transition: color 0.12s ease;
  display: inline-block;
  line-height: 1;
  order: 0 !important; /* force non-reverse order if theme tries to reverse */
}

/* hover state (temporary) */
.star-rating label.hover,
.star-rating label:hover {
  color: #f7c400 !important;
}

/* highlight up to active via JS toggled class */
.star-rating label.active {
  color: #f7c400 !important;
}

/* small responsive increase */
@media (max-width: 480px) {
  .star-rating label { font-size: 26px; }
}