/* ============================================
   29. VISIT GUIDE HEADER
   ============================================ */
.visit-guide-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================
   30. RATING EDIT (dots cliquables)
   ============================================ */
.rating-row-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--gray-100);
}

.rating-row-edit:last-child {
  border-bottom: none;
}

.rating-row-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rating-dots-edit {
  display: flex;
  gap: 6px;
}

.rating-dot-edit {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-400);
  background: white;
  cursor: pointer;
  transition: all 0.15s ease;
}

.rating-dot-edit:hover {
  border-color: var(--gray-400);
  color: var(--gray-600);
}

.rating-dot-edit.rating-dot-filled {
  background-color: var(--gray-800);
  border-color: var(--gray-800);
  color: white;
}


/* ============================================
   31. STARS EDIT (étoiles cliquables)
   ============================================ */
.rating-stars-edit {
  display: flex;
  gap: 4px;
}

.star-edit {
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.1s ease;
}

.star-edit:hover {
  color: var(--star-yellow);
}


/* ============================================
   32. NOTE BUTTON
   ============================================ */
.note-btn {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-400);
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.note-btn:hover {
  background-color: var(--gray-100);
  color: var(--gray-600);
}


/* ============================================
   33. ADMIN EDIT ROW
   ============================================ */
.admin-edit-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}

.admin-edit-field {
  flex: 1;
}

.admin-edit-row .toggle-wrapper {
  padding: 8px 0;
}