/* ===== Yorum Formu (Mobilde Ad + Puan Yan Yana) ===== */
.rgir-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.rgir-form .rgir-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rgir-form label span {
  color: #d00;
  margin-left: 4px;
}

.rgir-form input[type="text"],
.rgir-form textarea,
.rgir-form input[type="file"] {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

/* Yorum alanı her zaman tam genişlikte */
.rgir-form textarea {
  grid-column: span 2;
  min-height: 100px;
  resize: vertical;
}

/* Yıldız oylama alanı */
.rgir-form .rgir-rate {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}

.rgir-form .rgir-rate input {
  display: none;
}

.rgir-form .rgir-rate label {
  font-size: 22px;
  cursor: pointer;
  color: #ddd;
  transition: .15s;
}

.rgir-form .rgir-rate input:checked ~ label,
.rgir-form .rgir-rate label:hover,
.rgir-form .rgir-rate label:hover ~ label {
  color: #FFC107;
}

/* Gönder butonu ve not */
.rgir-form .rgir-btn {
  grid-column: span 2;
  justify-self: start;
}

.rgir-form__note {
  grid-column: span 2;
  color: #666;
  margin: 0;
  font-size: 13px;
}

/* ✅ Mobilde düzen: Ad + Puan aynı satırda, yorum altında */
@media (max-width: 640px) {
  .rgir-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* Ad + Puan yan yana kutu */
  .rgir-form .rgir-row-inline {
    display: flex;
    gap: 12px;
    width: 100%;
  }

  .rgir-form .rgir-row-inline .rgir-field {
    flex: 1;
  }

  .rgir-form textarea,
  .rgir-form .rgir-btn,
  .rgir-form__note {
    width: 100%;
  }
}